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:
Eduard Wisch 2026-05-19 19:22:10 +02:00
parent 27581cd080
commit 06cc5910ab

View file

@ -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));
}