Mobile friendly styling

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

View File

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

View File

@ -31,7 +31,7 @@ if (isset($_GET['code'])) {
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<link rel="shortcut icon" href="favicon.ico">
<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">
<meta name="theme-color" content="#024" />
<title>Registreringsverkstedet</title>
@ -74,7 +74,7 @@ if (isset($_GET['code'])) {
For å aktivere din brukerkonto PVV, du alikevell møte opp
lokalene våre slik at vi kan satt ditt passord.
</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?>
<p>