florian.wildeandClaude Opus 5
c5293f5915
Beim Oeffnen der Warnungen und auf der Host-Detailansicht zoomte der Browser die ganze Seite heraus. Ursache war jeweils ein Element breiter als das Fenster: die 22 rem breite Klappliste, drei Tabellen ohne table-responsive und eine 32-stellige Server-ID ohne Umbruch. Klapplisten richten sich auf dem Telefon jetzt am Fenster aus statt am Knopf, die Tabellen bekommen ihre Huelle, lange IDs duerfen umbrechen. Geprueft mit einer neuen Aufnahme in Telefonbreite (--mobil). Dabei ein eigener Fehler aus #037 aufgefallen: Die Laufzeit-Detailseite rechnete weiter mit dem Listenpreis statt mit dem Betrag nach Rabatt - Marge und Vorschlag fuer die Kundenrechnung waren um den Rabatt zu hoch. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
1.5 KiB
1.5 KiB
#038 Seite wird auf dem Handy herausgezoomt
Status: erledigt Meilenstein: v0.22.1 Labels: bug, ui Geschätzt: 2 h Tatsächlich: 0 h 40 min
Auslöser
Zwei Meldungen aus dem Einsatz: Beim Öffnen der Warnungen verkleinerte sich die ganze Seite, und die Host-Detailansicht saß verschoben im Bild.
Ursache
Beides derselbe Mechanismus: Ein Element ist breiter als das Fenster, also zoomt der Browser die ganze Seite heraus, damit sie hineinpasst. Drei Verursacher:
- Die Klappliste der Warnungen war mit 22 rem fest breiter als ein 390-px-Fenster.
- Drei Tabellen in der Host-Detailansicht (Keys, Server-IDs, Tokens) standen ohne
table-responsive– anders als die übrigen. - Eine 32-stellige Server-ID bricht nicht von selbst um.
Behebung
- Klapplisten richten sich auf dem Telefon am Fenster aus (
position: fixed, links und rechts 0,5 rem, höchstens 70 % Fensterhöhe mit eigenem Scroll) statt am Knopf - Die drei Tabellen bekommen ihre Hülle
- Lange Schlüssel und IDs dürfen umbrechen (
overflow-wrap: anywhere) npm run screenshots -- --mobil name=/pfadnimmt gezielt eine Seite in Telefonbreite auf; damit wurde die Host-Detailansicht gegengeprüft
Nachtrag zu #037
Beim Prüfen fiel auf, dass die Laufzeit-Detailseite noch mit dem Listenpreis rechnete statt mit dem Betrag nach Rabatt – Marge und Vorschlag für die Kundenrechnung waren dort um den Rabatt zu hoch. Die Seite zeigt jetzt „990,00 € · 1.100,00 € − 110,00 € Rabatt“ und rechnet mit 990.