Musterseite verworfen, Zahnrad-Regression behoben, Fotomenue als Aktionsblatt
Musterseite entfernt (companion-app/muster, vite.muster.config.ts, /config/www/dmmuster). Ansage des Eigentuemers: sie fuehrt nur zu neuen Fehlerquellen. Ausloeser war ein Befund, den ich als App-Fehler gemeldet hatte - Ringe und Typenschild schwarz auf schwarz - und der nur dort bestand. Behoben: * Das Zahnrad im Autohaus-Kasten hatte seine Ecke verlassen (58/288 statt 8/8). Ursache war mein HIG-Durchgang von gestern: .zahnrad kam in die Gruppe fuer die 44x44-Trefferflaeche und bekam damit position:relative, was das absolute aus dem Basisblatt ueberschrieb. Die Auflage war ueberfluessig - .zahnrad ist dort schon 44x44. * Das Fotomenue hing mit position:absolute an der Kachel statt am Bildschirm und lag bei der hohen Raeder-Kachel ausserhalb des Sichtfelds; einen Abbrechen-Knopf hatte es nie. Das Panel benutzt jetzt dasselbe Aktionsblatt wie die App. .bildmenu ist samt Zustand, Markup, totem Handler und CSS entfernt. * Der Blattkopf las sich als dritte Auswahl (linksbuendig, 15px, --fg). Jetzt zentriert, 13px, gedaempft - Apples Muster, in beiden Codebasen. * "Anstehende Termine" stand 5px ueber "Oelwechsel" und wirkte als dessen Beischrift. Entfernt. * Wartungsplan-Formular: Art nach oben, Datum 124px statt Browser-Vorgabe, Werkstatt ueber die volle Zeile (218 -> 306px), Kosten 116px. Zwei Erklaertexte entfernt. * Thema folgt jetzt einer Systemumstellung im laufenden Betrieb. Vorher las es prefers-color-scheme genau einmal beim Laden. Drei Tests, die ohne die Behebung nachweislich fallen. Geprueft: 295 App-Tests, Panel node --check, 0 Tracebacks, alle Aenderungen live an der Testinstanz gemessen. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -236,15 +236,10 @@ main#view{--seitenrand:16px;padding:0 var(--seitenrand) 30px;scroll-behavior:smo
|
||||
folgen der neuen Lage: das Aktionsblatt steht frei ueber der unteren
|
||||
Kante und ist rundum rund, das Formularblatt sitzt auf der Kante auf und
|
||||
ist nur oben rund. */
|
||||
.bildmenu{border:0;border-radius:16px;background:rgba(40,44,52,.92);
|
||||
-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);
|
||||
box-shadow:0 12px 40px rgba(0,0,0,.5)}
|
||||
.sdpopup{border:0;border-radius:16px 16px 0 0;background:rgba(40,44,52,.92);
|
||||
-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);
|
||||
box-shadow:0 -8px 40px rgba(0,0,0,.5)}
|
||||
:host([data-theme="tag"]) .bildmenu,:host([data-theme="tag"]) .sdpopup{background:rgba(250,250,252,.92)}
|
||||
.bildmenu button{padding:16px 18px;font-size:16px;min-height:52px;border-bottom:1px solid var(--ios-sep)}
|
||||
.bildmenu button:last-child{border-bottom:none}
|
||||
:host([data-theme="tag"]) .sdpopup{background:rgba(250,250,252,.92)}
|
||||
|
||||
/* ---------------- Tab-Leiste ---------------- */
|
||||
.tabbar{border-top:1px solid var(--ios-sep);padding-bottom:26px;
|
||||
@@ -363,7 +358,7 @@ main#view{--seitenrand:16px;padding:0 var(--seitenrand) 30px;scroll-behavior:smo
|
||||
ruhigen Karte. max-width + margin:auto zentriert sie innerhalb des
|
||||
bestehenden left/right-Abstands, ohne die transform-basierte
|
||||
Einblend-Animation dieser Elemente zu beruehren. */
|
||||
.sdpopup,.sheet,.beleg-popup,.bildmenu{max-width:560px;margin-left:auto;margin-right:auto}
|
||||
.sdpopup,.sheet,.beleg-popup{max-width:560px;margin-left:auto;margin-right:auto}
|
||||
/* .setup-popup breiter als die übrigen Popups: die Sensorkennung neben der
|
||||
Feld-Überschrift (entitaetIdKurz()) kann ein echter Rohsensorname von
|
||||
Herstellerseite sein, teils 40-60 Zeichen lang
|
||||
@@ -401,11 +396,21 @@ main#view{--seitenrand:16px;padding:0 var(--seitenrand) 30px;scroll-behavior:smo
|
||||
Wortgleich mit rahmen.css/screens.css der App (04.09.2026 gemessen).
|
||||
Das Overlay laesst das Bild unveraendert und vergroessert nur, was der
|
||||
Finger trifft; Mindesthoehen dort, wo das Element ohnehin Flaeche ist. */
|
||||
#back, .ringsbtn, .icon-btn, .zahnrad {
|
||||
/* .zahnrad gehoert NICHT in diese Gruppe. Es ist in audi-dashboard.css
|
||||
bereits 44x44 gross und mit position:absolute in die obere rechte
|
||||
Kachelecke gesetzt. Dieses Blatt laedt danach, gleiche Spezifitaet - das
|
||||
position:relative hier hat das absolute also ueberschrieben, und das
|
||||
Zahnrad rutschte aus der Ecke in den Textfluss (im Autohaus-Kasten 58px
|
||||
von oben, 288px von rechts; gemeldet vom Eigentuemer am 05.09.2026).
|
||||
|
||||
Die Auflage brauchte es ohnehin nie: die 44x44 stehen schon im Basisblatt.
|
||||
Hinzugefuegt hatte ich sie beim HIG-Durchgang am 04.09.2026, ohne zu
|
||||
pruefen, welche Knoepfe ihre Flaeche laengst haben. */
|
||||
#back, .ringsbtn, .icon-btn {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#back::after, .ringsbtn::after, .icon-btn::after, .zahnrad::after {
|
||||
#back::after, .ringsbtn::after, .icon-btn::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
|
||||
Reference in New Issue
Block a user