Anlaesse und Report bekommen Sammelkacheln -- und die Zahlen ragten heraus

Filipe, mit zwei Bildschirmfotos: "ich will dass das alles in einer
geilen kachel ist wie die kacheln in der start seite" und "die ganzen
kacheln sollen viel geiler aussehen und spezieller. mach auch vielleicht
2 größere kacheln wo die anderen kleineren drin sind".

DER KALENDER: Drei Abschnitte standen frei auf dem Hintergrundbild --
was als Naechstes ansteht, was in diesem Monat liegt, was von allein
weiterlaeuft. Drei Ueberschriften ohne Fassung lesen sich als drei lose
Listen; zusammen sind sie EINE Auskunft. Jetzt eine Kachel in der
Sprache der Startseite.

Das Formular "Neuer Termin" stand im Quelltext ZWISCHEN den Abschnitten
und waere mitgenommen worden. Der Wiederholungs-Abschnitt ist deshalb
nach oben gewandert, das Formular steht hinter der Kachel -- inhaltlich
ohnehin die bessere Ordnung: erst lesen, was kommt, dann etwas anlegen.
Sind alle drei Abschnitte leer, verschwindet die Kachel; `:has()` fragt
das ab, ohne eine Zeile JavaScript.

DER REPORT: Die vier Abschnitte sind jetzt Sammelkacheln, die kleinen
Zahlenkarten liegen sichtbar darin. Vorher schwebten siebzehn Karten in
einer Flaeche, ohne dass man sah, welche zu welcher Frage gehoert.

UND DABEI EIN ECHTER FEHLER, DER NICHT DAS WAR, WONACH ER AUSSAH.
In Filipes Bild standen die Zahlen unter "Was blockiert?" nur zur
oberen Haelfte da -- die Aufgabenliste darunter schien sie zu
ueberdecken. Nachgemessen liegt die Liste sauber unter dem Raster
(543..594 gegen 594..802, kein Ueberlappen). Herausgeragt ist die ZAHL
SELBST: `.kachel__zahl` ist `position: absolute` und damit fuer die
Hoehenrechnung der Karte unsichtbar. Bei 27 px Schrift in einer 51 px
hohen Karte steht sie 17 px unten ueber -- und was ueber den Rand steht,
verdeckt das Naechste.

Sechs von siebzehn Karten waren betroffen: genau die in Bloecken, deren
Raster nur eine Zeile hat und deshalb niedriger ausfaellt. In den
anderen war die Zeile hoch genug, dort fiel es nie auf. Der Fehler war
immer da und nur manchmal sichtbar.

Behoben ueber eine Mindesthoehe -- sie sagt der Karte, wie viel Platz
ihr Inhalt WIRKLICH braucht. Die Zahl kleiner zu machen waere die
bequemere und die falsche Antwort: Sie ist die Aussage der Karte.
Nachgemessen: 6 -> 0 Karten mit herausragendem Inhalt.

Dazu mehr Luft: 180 px Mindestbreite statt 158. Gemessen lagen in ALLEN
17 Karten Name und Zahl unter sechs Pixel auseinander.

Beide Regeln stehen in report.css bzw. kalender.css, nicht in der
Modulliste: `.block` gibt es auch auf automation.html, dort sind es
Formularbloecke. Die Datei ist die Bedingung.

pruef-kalender EXIT=0 (84), pruef-serien EXIT=0 (69),
pruef-css-klassen EXIT=0 (28), pruef-start-ansicht EXIT=0 (143).

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-08 23:06:53 +02:00
co-authored by Claude Opus 5
parent 7bec3ea80c
commit e04d7afea7
3 changed files with 160 additions and 8 deletions
+29 -8
View File
@@ -65,6 +65,22 @@
beim Blättern
"Im September" beschreibt den Monat, den man gerade ansieht
Ohne Überschriften wären zwei gleich aussehende Reihen verwirrend. -->
<!-- ==== ALLES DREI IN EINER KACHEL (08.09.2026) =================
Filipe: "ich will dass das alles in einer geilen kachel ist wie
die kacheln in der start seite. und noch geiler."
Die drei Abschnitte -- was als Naechstes ansteht, was in diesem
Monat liegt, was von allein weiterlaeuft -- standen frei auf dem
Hintergrundbild. Drei Ueberschriften ohne Fassung lesen sich als
drei lose Listen; zusammen sind sie EINE Auskunft: was ausser den
Terminen im Kalender sonst noch kommt.
Der Umschlag traegt die Kacheloptik der Startseite (Fase, Raster,
Innenschatten), die drei Abschnitte darin nur noch ihre
Ueberschrift. Faellt alles drei weg, verschwindet auch die
Kachel -- siehe `:has()` in kalender.css. -->
<section class="k-anlasskachel">
<section class="k-leiste" id="saison-block" hidden>
<p class="feldschild">Als Nächstes</p>
<div class="k-anlassreihe" id="saison"></div>
@@ -75,6 +91,17 @@
<div class="k-anlassreihe" id="monatsanlaesse"></div>
</section>
<!-- Die laufenden Wiederholungen. Steht bewusst über dem Kalender und
nicht in einem Menü versteckt: Was von allein weiterläuft, muss
man sehen können, sonst weiß nach drei Monaten niemand mehr,
warum jeden Dienstag ein Call im Kalender steht. -->
<section class="k-leiste k-serien" id="serien-block" hidden>
<p class="feldschild">Läuft von allein</p>
<div class="k-serienliste" id="serien"></div>
</section>
</section><!-- /.k-anlasskachel -->
<form class="neu" id="neu" hidden>
<div class="neu__zeile">
<label class="feld-schild" for="f-titel">Worum geht es?</label>
@@ -182,14 +209,8 @@
</div>
</form>
<!-- Die laufenden Wiederholungen. Steht bewusst über dem Kalender und
nicht in einem Menü versteckt: Was von allein weiterläuft, muss
man sehen können, sonst weiß nach drei Monaten niemand mehr,
warum jeden Dienstag ein Call im Kalender steht. -->
<section class="k-leiste k-serien" id="serien-block" hidden>
<p class="feldschild">Läuft von allein</p>
<div class="k-serienliste" id="serien"></div>
</section>
<!-- KALENDER ABONNIEREN (06.09.2026, Stufe 3.2 des Plans).