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 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| app.js | ||
| apple-touch-icon.png | ||
| favicon-32.png | ||
| favicon.svg | ||
| index.html | ||