paul/audi-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update-Kacheln zu einer zusammengefuehrt

Browse Source 
Die App hatte "App-Update" (OTA-Buendel) und "Version" (Integration) als zwei
Kacheln nebeneinander - zweimal dieselbe Frage. Jetzt eine Kachel "Version"
mit zwei benannten, durch eine Haarlinie getrennten Abschnitten; ohne das
staenden zwei gleich aussehende "Update installieren"-Knoepfe untereinander,
ohne dass man ihnen ansieht, was sie erneuern.

Die Unterueberschrift "Integration" erscheint nur, wenn wirklich ein zweiter
Abschnitt folgt (otaMoeglich()) - sonst waere es eine Unterteilung ohne
zweiten Teil. Wo es kein OTA gibt, also im Panel und in der App im Browser,
sieht die Kachel damit aus wie zuvor.

Das Panel bekommt den App-Abschnitt nicht: die App traegt ihre Dateien fest
gebuendelt und kann veralten, das Panel laedt sie bei jedem Aufruf neu. Eine
geplante Abweichung.

Nachgemessen: Panel 216px, App im Browser 203px, gleicher Inhalt; die
Gestaltung des zweiten Abschnitts durch Einsetzen gegengeprueft. 299 Tests
gruen, 0 Tracebacks.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
tobias
2026-09-05 11:20:49 +02:00
co-authored by Claude Opus 5
parent 52daaf8611
commit 80a3eef6ec
6 changed files with 119 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
companion-app/src/stile/screens.css
+23
View File
@@ -1653,6 +1653,29 @@ button.dm-listenzeile {
einer Suche nach allen Speicherleisten des Projekts kam das QR-Blatt als
Treffer heraus, obwohl es dort nichts zu speichern gibt (vom Eigentümer
richtiggestellt). Eine Klasse soll eine Sache bedeuten. */
/* Zwei benannte Abschnitte in EINER Kachel, durch eine Haarlinie getrennt.
Gebraucht in "Version": dort stehen seit dem 05.09.2026 die Integration
und die App untereinander, jede mit eigenem Stand und eigenem
Update-Knopf. Ohne Benennung und Trennung staenden dort zwei gleich
aussehende "Update installieren"-Knoepfe, ohne dass man ihnen ansieht,
was sie erneuern.
Die Linie sitzt am ZWEITEN Abschnitt (Geschwister-Selektor), damit der
erste keinen Strich direkt unter der Kachelueberschrift bekommt. */
.dm-abschnitt + .dm-abschnitt {
margin-top: var(--sp-4);
padding-top: var(--sp-4);
border-top: 1px solid var(--line);
}
/* Die Ueberschrift eines Abschnitts ist kein direktes Kind der Kachel, die
Regel .ads-tile > .ads-eyebrow:first-child greift hier also nicht. */
.dm-abschnitt > .ads-eyebrow:first-child {
display: block;
margin-bottom: 14px;
}
.dm-knopfpaar {
display: flex;
align-items: center;