data/netdiag-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Titelleiste: CSS-Kommentar killte die .safe-top-Regel [apk]

Browse source 
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
1 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/app.css
View file

@ -15,11 +15,10 @@ body {
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
} }
/* Sichere Bereiche (Notch / Statusleiste). /* Sichere Bereiche (Notch / Statusleiste): enthalten bewusst den
Enthalten bewusst den Basis-Innenabstand (0.75rem) — sonst überschreibt Basis-Innenabstand 0.75rem, sonst ueberschreibt diese Klasse das
diese Klasse das padding-top/-bottom von Tailwind py-* (unlayered CSS Tailwind-Padding und der Inhalt klebt an der Statusleiste. Elemente
schlägt @layer utilities) und der Inhalt klebt an Statusleiste/Notch. mit pb- und px- kombinieren, nicht mit py-. Siehe KB 551. */
Elemente daher mit pb-*/px-* statt py-* kombinieren. Siehe KB #551. */
.safe-top { .safe-top {
padding-top: calc(0.75rem + env(safe-area-inset-top)); padding-top: calc(0.75rem + env(safe-area-inset-top));
} }