Listenkoepfe vereinheitlicht, Zeilen mit Luft, Kalenderdateien mit Namen (2026.9.2.21-.23)

KOEPFE. Jahr und Monat tragen dasselbe Format (13px, Zweitfarbe, gemischt) -
vorher drei Elemente in drei Formaten. Die Versalien aus .20 waren falsch: das
ist der iOS-Stil vor 13. Vom Eigentuemer aus drei gerenderten Vorschlaegen
gewaehlt.

ZEILEN. padding-left 20px statt 0 - die Spalte des Aufklapp-Pfeils, damit die
Zeilen auf derselben Kante stehen wie der Text der Koepfe. Nachgemessen bei
375px: Beschriftungsspalte 157px, laengster Ortsname 142,7px.

GALERIE. Der gezeigte Platz ueberlebt den Seitenwechsel - er lag in der
Komponente und starb mit ihr. Im Panel ist er seit jeher modulweit.

KALENDER. Jeder Termin hiess "-.ics": in dateiname() fehlte das \w in der
Zeichenklasse, es ueberlebten nur w/ae/oe/ue/ss und der Bindestrich. Zwei
Termine ueberschrieben einander damit. Jetzt mit Umschrift und Rueckfall, und
ueber Share.files statt Share.url.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-02 21:15:50 +02:00
parent d889353cbe
commit 36a6c21bfd
8 changed files with 162 additions and 37 deletions
@@ -1 +1 @@
{"version":"2026.9.2.20","sha256":"04aa82b37c019eadf0c9c23bc27e4931b9371dba512ddd979adc1ea70f482924","bytes":266578,"gebaut":"2026-09-02T14:34:34Z"}
{"version":"2026.9.2.23","sha256":"a4b55f9576980ea8f52a5c7782bc0879ff7e4c6561e19f844c44dad903bb87c5","bytes":266680,"gebaut":"2026-09-02T19:03:48Z"}
@@ -917,25 +917,38 @@ img.carfix.klein { aspect-ratio: auto; height: auto; }
ohne Platz zu kosten. Beschränkt auf .liste, weil das linke Polster von
.leaf anderswo (Batteriewerte, Servicebuch) gewollt ist. */
.liste .lvl2 { margin-left: 0; }
/* Der Monat ist ein Abschnittskopf, kein kleingeratener Eintrag.
/* Jahr und Monat tragen DENSELBEN Kopf, die Fahrtzeile traegt den Inhalt.
Vorher unterschied er sich von der Fahrtzeile nur durch Groesse (13 gegen
16px) und Farbe - beim Lesen wirkte die Liste dadurch zweistufig statt
dreistufig, und genau danach hat der Eigentuemer gefragt (02.09.2026).
Versalien plus Sperrung sind die Form, die iOS fuer Abschnittskoepfe
benutzt und die in dieser Oberflaeche schon ueber dem Seitentitel steht
(.eyebrow).
In der Liste standen drei Elemente in drei Formaten: 2026 in 16px weiss,
September in 11px grau gesperrt in Versalien, der Ortsname wieder in 16px
weiss. Der Eigentuemer hat das am 02.09.2026 als unprofessionell
bezeichnet - zu Recht: zwei Koepfe, die dasselbe tun, sollen auch gleich
aussehen.
11px und nicht 10: das ist die Untergrenze, die dieses Projekt aus den
Apple-Richtlinien uebernommen hat. In beiden Oberflaechen dieselben
Werte, damit der Kopf nicht je Geraet anders aussieht. */
.liste .lvl2 .acc-h .k {
font-size: 11px;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--fg3);
Beide jetzt 13px in der Zweitfarbe, gemischt geschrieben und ohne
Sperrung. Das ist zugleich die heutige Apple-Form: Abschnittskoepfe
klein und in Sekundaerfarbe, aber gemischt - Versalien sind der Stil vor
iOS 13. Der Inhalt bleibt groesser als sein Kopf, wie es die Richtlinien
verlangen. Unterschieden werden die beiden Ebenen ueber die Position,
nicht ueber die Schrift.
Von drei Vorschlaegen (Monat als eigener Abschnitt ohne Aufklappen /
beide Koepfe gleich / Jahr als Seitenueberschrift) hat der Eigentuemer
diesen gewaehlt: das Zusammenklappen ganzer Jahre bleibt erhalten. */
.liste .acc-h .k {
font-size: 13px;
color: var(--fg2);
}
.liste .leaf { padding-left: 0; }
/* 20px statt 0: die Zeilen standen sonst 34px vom Bildschirmrand entfernt und
damit sichtbar enger als alles andere in der Kachel (gemeldet 02.09.2026).
20px ist nicht geraten, sondern die Spalte des Aufklapp-Pfeils - die
Zeilen stehen damit auf derselben Kante wie der Text der Kopfzeilen, so
wie iOS es in gruppierten Listen macht.
Nachgemessen bei 375px: die Beschriftungsspalte behaelt 157px, der
laengste Ortsname der Testdaten ("Ingolstadt -> Adelschlag") braucht
142,7px. Von den 58px, die vorher verschenkt waren, bleiben 38 gewonnen. */
.liste .leaf { padding-left: 20px; }
.tile-h {
display: block; width: 100%;
@@ -1,7 +1,7 @@
{
"domain": "audi_dashboard",
"name": "Audi Dashboard",
"version": "2026.9.2.20",
"version": "2026.9.2.23",
"documentation": "https://gitea.nothaft.cloud/paul/audi-app/src/branch/main/README.md",
"issue_tracker": "https://gitea.nothaft.cloud/paul/audi-app/issues",
"codeowners": ["@paul"],