Wunsch vom 29.10.: Die Pille steht etwas tiefer (iPhone: Safe-Area minus
6 px, rund 28 px statt 40 px; ohne Home-Balken 18 px) und hält zu den
Seiten denselben Abstand wie nach unten (statt 12 px). Die 52 px hohen
Knöpfe liegen weiter über dem Wisch-Balken.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Wunsch vom 29.10. nach dem ersten Blick am iPhone:
- Die Leiste nutzt die Breite (12 px Rand, höchstens 480 px), Symbol über
dem Wort, und steht ganz über dem Wisch-Balken des iPhones
(Safe-Area plus 6 px statt minus 10 px).
- Unterseiten öffnen sich ganz und werden mit Unschärfe eingeblendet statt
hochzufahren. Oben links die Überschrift, oben rechts „Zurück“ als
Glasknopf, der beim Scrollen stehen bleibt (neuer Platz
#kn-blatt-zurueck).
- Reiter einer Funktion stehen unten in derselben Wasser-Leiste (Art
'reiter', Kurzwörter, kleinere Schrift wenn es eng wird), ohne Zurück.
Ohne Reiter bleibt unten nichts. Die alte Leiste gibt beim Neuaufbau
ihren WebGL-Kontext frei.
Glas und Unschärfe stehen weiter allein in wasser-leiste.css; huelle.css
bleibt ohne Glas. Desktop unverändert.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Die Handy-Leiste ist jetzt eine schwebende Glas-Pille mit vier Symbolen
(Website, Funktionen, Chat, Verträge) nach der Komponente „Nimbus UI ·
Liquid Navbar – Waterline“ (guglielmogiannattasio.it), ohne React
nachgebaut: Wassertropfen per WebGL-Shader unter dem aktiven Bereich,
Tröpfchen bei langen Sprüngen, Wellen beim Tippen, eine Szene je Symbol.
Ohne WebGL ein CSS-Tropfen, bei „Bewegung reduzieren“ ohne Bewegung.
Das Wasser ruht außerhalb des Bildes und 6 s nach der letzten Bedienung.
Unterseiten zeigen „Zurück“ und Reiter als gläserne Pille, der aktive
Reiter im Tropfen. Abstände (Blatt, Chat, Streifen, Inhalt) rechnen mit
der neuen Zone über --kn-wl-zone. Desktop unverändert.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
