Anpassungen für kleinere Dispalys

26-3-Bericht_Teilen
Samuel Zielke 3 days ago
parent 6120da9350
commit 5db51a40e7

@ -251,6 +251,22 @@
height: 93vh;
transition: height 1s ease, transform 1s ease;
margin: 0;
/* Grundsätzlicher Fix für kleinere Displays (z.B. iPhone 12 mini vs. 15 Pro): die feste
vh-Höhe reicht auf kürzeren Viewports nicht für den ganzen Karten-Stapel, und body hat
overflow:hidden (verhindert Bounce/Pull-to-refresh) - ohne dieses overflow-y wäre alles
unterhalb des sichtbaren Bereichs dauerhaft unerreichbar statt nur eng. */
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
/* align-self statt der geerbten align-items-center des Elternelements: sonst würde
überlaufender Inhalt (auf kleinen Displays) mittig "geclippt" und wäre weder oben
noch unten per Scroll erreichbar. Betrifft nur das Dashboard, nicht die (kurzen,
weiterhin mittig zentrierten) Willkommens-/Update-Hinweise. */
#dashboard {
align-self: flex-start;
width: 100%;
}
.bg-white-color {

Loading…
Cancel
Save

Powered by TurnKey Linux.