use navtoggle on mobile devices
This commit is contained in:
1 parent
5033215d38
commit
1a00e7430a
1 file changed
+3
-26
+3
-26
@@ -348,10 +348,10 @@ button, .button {
|
||||
}
|
||||
|
||||
/*
|
||||
* Phone-Portrait: Navbar-Aktionen hinter dem
|
||||
* Hamburger-Button als Dropdown anzeigen.
|
||||
* Phone: Navbar-Aktionen in beiden Ausrichtungen
|
||||
* hinter dem Hamburger-Button als Dropdown anzeigen.
|
||||
*/
|
||||
@media (orientation: portrait) and (max-width: 600px) {
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
/* Navbar ist hier einzeilig */
|
||||
padding-top: 80px;
|
||||
@@ -404,29 +404,6 @@ button, .button {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Sicherheit: Hamburger im Landscape grundsätzlich
|
||||
* ausblenden, falls orientation falsch gemeldet wird.
|
||||
*/
|
||||
@media (orientation: landscape) {
|
||||
button.nav-toggle {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Phone-Landscape: schmaler, hoher Karteninhalt –
|
||||
* einzeilige Navbar (~106px) freihalten.
|
||||
*/
|
||||
@media (orientation: landscape) and (max-height: 500px) {
|
||||
body {
|
||||
padding-top: 120px;
|
||||
/* min-height gilt für die Content-Box: Navbar-Freiraum
|
||||
* abziehen, sonst sitzt die Karte unter der Mitte */
|
||||
min-height: calc(100vh - 120px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
|
||||
Reference in new issue
Block a user