From f3dbd434b057d8eae720795116fd984dbe7d84df Mon Sep 17 00:00:00 2001 From: dschlueter Date: Fri, 26 Jun 2026 16:35:23 +0200 Subject: [PATCH] =?UTF-8?q?feat(ui):=20"Neues=20Gespr=C3=A4ch"=20in=20der?= =?UTF-8?q?=20Kopfzeile=20bei=20knappem=20Platz=20ausblenden?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Das Kopfzeilen-Symbol „Neues Gespräch" wird unterhalb von 384px Viewport-Breite ausgeblendet (hidden min-[384px]:grid), damit auf sehr schmalen Phones (z.B. iPhone SE 375px, kleine Androids ≤360px) der Titel Platz behält. Auf gängigen Phones (iPhone 12/13/14 390px, Pixel 393px) bleibt es sichtbar. Kein Funktionsverlust: das Menü enthält „Neues Gespräch" dauerhaft als Rückfall — es muss also nichts dynamisch verschoben werden, nur das Kopfzeilen-Symbol ausgeblendet. SOS bleibt auf allen Breiten sichtbar. Reine CSS-Lösung (kein JS, kein Flackern). Grenze empirisch eingemessen (voller Titel passt mit Symbol ab ~420px; 384px hält ihn auf den meisten Geräten sichtbar bei mild gekürztem Titel). Verifiziert via Headless-Chrome über mehrere Breiten. Co-Authored-By: Claude Opus 4.8 --- app/web/index.html | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/app/web/index.html b/app/web/index.html index 2371bb3..0f4e266 100644 --- a/app/web/index.html +++ b/app/web/index.html @@ -243,8 +243,11 @@ +