From 06cc5910ab8a24fcdac268c35093e7776aebaa4a Mon Sep 17 00:00:00 2001 From: Eduard Wisch Date: Tue, 19 May 2026 19:22:10 +0200 Subject: [PATCH] Titelleiste: CSS-Kommentar killte die .safe-top-Regel [apk] MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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) --- src/app.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/src/app.css b/src/app.css index 9f4065e..d24a712 100644 --- a/src/app.css +++ b/src/app.css @@ -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)); }