Mobile friendly styling

This commit is contained in:
2021-09-28 00:48:27 +02:00
parent 0d87d37c72
commit bdbab5be9e
2 changed files with 10 additions and 2 deletions
www
css
paamelding

@ -163,6 +163,11 @@ nav #usermenu li:first-child:hover {
.doorIndicator_CLOSED { border: 2px dotted red; } .doorIndicator_CLOSED { border: 2px dotted red; }
.doorStateMobileOnly { display: none; } .doorStateMobileOnly { display: none; }
#mazeMapper {
width: 90%;
height: 60vh;
}
@media(max-width: 800px){ @media(max-width: 800px){
nav #menu, nav #menu li.active, nav #menu_toggle, nav #login { nav #menu, nav #menu li.active, nav #menu_toggle, nav #login {
position: absolute; position: absolute;
@ -239,6 +244,9 @@ nav #usermenu li:first-child:hover {
.doorStateMobileOnly { .doorStateMobileOnly {
display: inline; display: inline;
} }
#mazeMapper {
width: 100%;
}
} }
body { body {

@ -31,7 +31,7 @@ if (isset($_GET['code'])) {
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<link rel="shortcut icon" href="favicon.ico"> <link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="../css/normalize.css"> <link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="../css/style.css"> <link rel="stylesheet" href="../css/style.css?ver=2">
<link rel="stylesheet" href="../css/nav.css"> <link rel="stylesheet" href="../css/nav.css">
<meta name="theme-color" content="#024" /> <meta name="theme-color" content="#024" />
<title>Registreringsverkstedet</title> <title>Registreringsverkstedet</title>
@ -74,7 +74,7 @@ if (isset($_GET['code'])) {
For å aktivere din brukerkonto på PVV, må du alikevell møte opp på For å aktivere din brukerkonto på PVV, må du alikevell møte opp på
lokalene våre slik at vi kan få satt ditt passord. lokalene våre slik at vi kan få satt ditt passord.
</p> </p>
<iframe width="600" height="420" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://use.mazemap.com/embed.html#v=1&zlevel=2&center=10.406194,63.417143&zoom=18&campusid=1&sharepoitype=poi&sharepoi=38159&utm_medium=iframe" style="border: 1px solid grey" allow="geolocation"></iframe><br/> <iframe id="mazeMapper" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://use.mazemap.com/embed.html#v=1&zlevel=2&center=10.406194,63.417143&zoom=18&campusid=1&sharepoitype=poi&sharepoi=38159&utm_medium=iframe" style="border: 1px solid grey" allow="geolocation"></iframe><br/>
<?php if($attrs) { //logged in with pvv account?> <?php if($attrs) { //logged in with pvv account?>
<p> <p>