From e97d168ef6da7f4be74495f2e81d621f0477d10c Mon Sep 17 00:00:00 2001 From: mhoennig Date: Tue, 21 Jul 2026 19:26:14 +0200 Subject: [PATCH] =?UTF-8?q?frontend:=20Mobile-H=C3=B6he=20per=20100dvh=20s?= =?UTF-8?q?tatt=20100vh=20(Panel=20hinter=20Browserleiste)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Auf Mobilgeräten ist 100vh die große Viewport-Höhe inkl. der Fläche hinter der unteren Browserleiste — Footer und die eingeklappte Editor-Titelzeile rutschen dahinter und sind nicht antippbar. 100dvh (dynamische Viewport-Höhe) folgt der sichtbaren Fläche; 100vh bleibt als Fallback für alte Browser. Co-Authored-By: Claude Opus 4.8 --- frontend/index.html | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/frontend/index.html b/frontend/index.html index ed08733..1bb9408 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -27,7 +27,13 @@ repeating-linear-gradient(0deg,transparent 0 23px,var(--grid) 23px 24px), repeating-linear-gradient(90deg,transparent 0 23px,var(--grid) 23px 24px), var(--paper); - height:100vh;overflow:hidden; + /* 100vh ist auf Mobilgeräten die *große* Viewport-Höhe (inkl. Fläche + hinter der unteren Browserleiste) — Footer/Editor-Titelzeile rutschen + dahinter. 100dvh = dynamische Viewport-Höhe, folgt der sichtbaren + Fläche. vh bleibt als Fallback für alte Browser. */ + height:100vh; + height:100dvh; + overflow:hidden; display:flex;flex-direction:column; padding:24px 20px 12px; }