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
|
* Phone: Navbar-Aktionen in beiden Ausrichtungen
|
||||||
* Hamburger-Button als Dropdown anzeigen.
|
* hinter dem Hamburger-Button als Dropdown anzeigen.
|
||||||
*/
|
*/
|
||||||
@media (orientation: portrait) and (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
body {
|
body {
|
||||||
/* Navbar ist hier einzeilig */
|
/* Navbar ist hier einzeilig */
|
||||||
padding-top: 80px;
|
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 {
|
@keyframes spin {
|
||||||
to {
|
to {
|
||||||
transform: rotate(360deg);
|
transform: rotate(360deg);
|
||||||
|
|||||||
Reference in new issue
Block a user