iOS-Optik: Rot-Semantik korrigiert, Popup-Radius vereinheitlicht
Zwei unabhaengig vom iOS-Entscheid offene Befunde aus DESIGN_REVIEW_2026-08-13.md §B behoben: - .aktion (audi-dashboard-ios.css) fuellte bisher JEDE Aktion rot statt nur destruktive - jetzt neutrale --ios-fill-Flaeche fuer die Sekundaeraktion, neue .aktion.primaer-Regel traegt die rote Fuellung als einzige Stelle (deckt sich mit dem Sekundaer/Primaer/Loeschen-Schema, das die Basis-CSS schon vorgibt). Gleiche Ursache auch bei Schalter-Ein-Zustand (jetzt --ok gruen statt rot, echtes iOS-Systemgruen) und aktiver Desktop-Sidebar- Navigation (Flaeche jetzt neutral, Rot bleibt Text-/Icon-Akzent). - Zwei Balkensegmente in audi-dashboard-app.js nutzten --red fuer eine neutrale Kategorie (Arbeitsweg-Fahrten, Versicherungsbeitrag-Aufteilung) - jetzt wie die Nachbarsegmente auf --fg umgestellt. - .setup-popup/.standortmenu (audi-dashboard.css) hatten 20px als Literal statt var(--r-tile) - folgen jetzt dem Token wie alle anderen Kacheln. Im Docker-Testcontainer verifiziert: Setup-Popup, Einstellungen (mobil und Desktop-Sidebar), Schalter - korrekte Fuellungen, keine Konsolenfehler.
This commit is contained in:
@@ -741,7 +741,7 @@ button.tile, .tilebtn { transition: background .15s, transform .1s; }
|
||||
--standort-peek: 96px;
|
||||
/* Deckend, nicht durchscheinend - unter dem Blatt liegt die Karte. */
|
||||
background: var(--tile-deckend, var(--canvas));
|
||||
border-radius: 20px 20px 0 0;
|
||||
border-radius: var(--r-tile) var(--r-tile) 0 0;
|
||||
box-shadow: 0 -6px 24px rgba(0,0,0,.35);
|
||||
padding: 0 20px max(18px, env(safe-area-inset-bottom));
|
||||
transform: translateY(calc(100% - var(--standort-peek)));
|
||||
@@ -892,7 +892,7 @@ button.tile, .tilebtn { transition: background .15s, transform .1s; }
|
||||
einen blickdichten Hintergrund, gleiches Muster wie .standortmenu
|
||||
oben. */
|
||||
background: var(--tile-deckend, var(--canvas));
|
||||
border-radius: 20px;
|
||||
border-radius: var(--r-tile);
|
||||
display: flex; flex-direction: column;
|
||||
overflow: hidden;
|
||||
animation: sheet-rein .24s cubic-bezier(.22,.61,.36,1);
|
||||
|
||||
Reference in New Issue
Block a user