Titelleiste: CSS-Kommentar killte die .safe-top-Regel [apk]
Der Kommentar ueber .safe-top enthielt die Zeichenfolge pb-*/px-* — das darin steckende */ schliesst den CSS-Kommentar vorzeitig. Die .safe-top- Regel landete dadurch hinter kaputtem Selektor-Text und wurde vom Parser komplett verworfen (.safe-bottom danach blieb heil). Folge: header padding-top = 0 statt 12px, Titel klebte oben. Verifiziert per WebView-DevTools im Emulator: headerPadTop jetzt 12px. Fix: Kommentar ohne */ umformuliert. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
27581cd080
commit
06cc5910ab
1 changed files with 4 additions and 5 deletions
|
|
@ -15,11 +15,10 @@ body {
|
|||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
/* Sichere Bereiche (Notch / Statusleiste).
|
||||
Enthalten bewusst den Basis-Innenabstand (0.75rem) — sonst überschreibt
|
||||
diese Klasse das padding-top/-bottom von Tailwind py-* (unlayered CSS
|
||||
schlägt @layer utilities) und der Inhalt klebt an Statusleiste/Notch.
|
||||
Elemente daher mit pb-*/px-* statt py-* kombinieren. Siehe KB #551. */
|
||||
/* Sichere Bereiche (Notch / Statusleiste): enthalten bewusst den
|
||||
Basis-Innenabstand 0.75rem, sonst ueberschreibt diese Klasse das
|
||||
Tailwind-Padding und der Inhalt klebt an der Statusleiste. Elemente
|
||||
mit pb- und px- kombinieren, nicht mit py-. Siehe KB 551. */
|
||||
.safe-top {
|
||||
padding-top: calc(0.75rem + env(safe-area-inset-top));
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue