From 77ff1a1b52098a86b85f8fd2a0cce3dc56188d54 Mon Sep 17 00:00:00 2001 From: Dogfather Date: Wed, 9 Sep 2026 00:48:45 +0200 Subject: [PATCH] screen1: Die vier Tafeln der Calls-Seite bekommen eine Flaeche und ihre Farbe Filipe, mit Bildschirmfoto der vier Reiter: "lass die viel geiler aussehen bitte." `.gruppe[data-gruppe]` steht in der Modulliste und bekommt von dort Fase, Kantenlicht und Eckwinkel -- aber die Modulliste gibt nur die FORM. Die Flaeche bringt jedes Bauteil selbst mit, und hier stand nur `margin-bottom`. Die vier Reiter waren damit Silhouetten ohne Koerper: Das Hintergrundbild lag mitten in ihnen. DERSELBE FEHLER ZUM DRITTEN MAL IN DIESER NACHT -- beim Entscheidungsblock auf der Report-Seite, bei der Anlasskachel im Kalender und jetzt hier. Die Ursache ist jedes Mal dieselbe: Wer ein Bauteil in die Modulliste aufnimmt, haelt es fuer fertig gestaltet. Es hat dann eine Silhouette und keinen Koerper. Das gehoert in die Uebergabe, damit es beim vierten Bauteil nicht wieder passiert. DIE VIER FARBEN GAB ES SCHON -- an der falschen Stelle. `#f0c48a` fuer "Protokoll fehlt" und `#79d1a2` fuer "Festgehalten" standen bereits im Code, aber nur an den EINTRAEGEN in der aufgeklappten Tafel. Der Reiter selbst, den man zuerst sieht und der oft der einzige ist (drei von vier sind zugeklappt), trug sie nicht. Jetzt stehen sie einmal als `--gton` und faerben beides: die Flaeche und ueber `--ton` das Kantenlicht aus der Modulliste. Die Farben sind zugeordnet, nicht ausgesucht: Bernstein "etwas ist offen", Babyblau "kommt noch", Lila "laeuft von allein", Gruen "erledigt". EINE LEERE TAFEL TRITT ZURUECK -- dieselbe Ueberlegung wie bei den Zahlen auf der Uebersicht: Null darf leise sein. Vier gleich helle Reiter waeren vier gleich laute Rufe. EIN IRRTUM UNTERWEGS, DER FESTGEHALTEN GEHOERT: Nach der Aenderung sah ich im weiten Bildschirmfoto immer noch das Motiv "durch" die Tafeln scheinen und hielt die Reparatur fuer wirkungslos. Es waren die LUECKEN ZWISCHEN den Tafeln -- dort gehoert der Hintergrund hin. Erst ein enger Ausschnitt einer einzelnen Tafel hat es geklaert. Ein zu weiter Ausschnitt luegt genauso zuverlaessig wie ein zu schmaler (heute Nacht schon einmal, beim Messstreifen am linken Bildrand). Geprueft: pruef-call-kategorien, pruef-css-klassen, pruef-buehne -- alle in Ordnung. Co-Authored-By: Claude Opus 5 --- workspace/assets/css/calls.css | 65 ++++++++++++++++++++++++++++++++++ workspace/aufgaben.html | 18 +++++----- workspace/automation.html | 20 +++++------ workspace/bereich.html | 28 +++++++-------- workspace/calls.html | 22 ++++++------ workspace/chat.html | 20 +++++------ workspace/content.html | 24 ++++++------- workspace/dateien.html | 20 +++++------ workspace/index.html | 4 +-- workspace/kalender.html | 22 ++++++------ workspace/leistung.html | 20 +++++------ workspace/personen.html | 20 +++++------ workspace/profil.html | 22 ++++++------ workspace/report.html | 22 ++++++------ workspace/scouting.html | 20 +++++------ workspace/start.html | 18 +++++----- workspace/startcheck.html | 22 ++++++------ workspace/steckbrief.html | 20 +++++------ workspace/uebersicht.html | 20 +++++------ workspace/wissen.html | 20 +++++------ 20 files changed, 256 insertions(+), 191 deletions(-) diff --git a/workspace/assets/css/calls.css b/workspace/assets/css/calls.css index 5bbb1c02..3fbad3cf 100644 --- a/workspace/assets/css/calls.css +++ b/workspace/assets/css/calls.css @@ -694,3 +694,68 @@ width: 100%; margin-bottom: 4px; } + +/* ===================================================================== + DIE VIER TAFELN BEKOMMEN EINE FLAECHE (screen1, 09.09.2026) + + Filipe, mit Bildschirmfoto der vier Reiter: "lass die viel geiler + aussehen bitte." + + NACHGESEHEN, WAS DAS BILD WIRKLICH ZEIGT: Sie sind fast + DURCHSICHTIG. `.gruppe[data-gruppe]` steht in der Modulliste und + bekommt von dort Fase, Kantenlicht und Eckwinkel -- aber die + Modulliste gibt nur die FORM, die Flaeche bringt jedes Bauteil + selbst mit, und hier stand nur `margin-bottom`. Im Bildschirmfoto + liest man "WIEDERHOLUNGEN" quer ueber dem Schriftzug SPICY MEDIA + des Hintergrundbildes. + + Genau derselbe Fehler wie beim Entscheidungsblock auf der + Report-Seite und bei der Anlasskachel im Kalender -- dreimal in + einer Nacht dieselbe Ursache: Wer ein Bauteil in die Modulliste + aufnimmt, denkt, es sei fertig gestaltet. Es hat dann eine + Silhouette und keinen Koerper. + + DIE VIER FARBEN GAB ES SCHON -- an der falschen Stelle. `#f0c48a` + fuer "Protokoll fehlt" und `#79d1a2` fuer "Festgehalten" standen + bereits im Code, aber nur an den EINTRAEGEN in der Tafel. Der Reiter + selbst, den man zuerst sieht, trug sie nicht. Jetzt stehen sie + einmal als `--gton` und faerben beides: die Flaeche der Tafel und + ueber `--ton` das Kantenlicht aus der Modulliste. + + WAS DIE FARBEN SAGEN (sie sind nicht ausgesucht, sondern zugeordnet): + Protokoll fehlt Bernstein -- etwas ist offen und wartet + Steht an Babyblau -- der Normalfall, es kommt noch + Wiederholungen Lila -- laeuft von allein + Festgehalten Gruen -- erledigt + + AUGENSCHONEND: Die Flaeche traegt hoechstens 10 Prozent Farbe auf + einem tiefen Grund; laut ist nur die Beschriftung, und die war es + vorher schon. Vier gleich helle Reiter waeren vier gleich laute + Rufe. + ===================================================================== */ +.gruppe[data-gruppe] { + --gton: var(--akzent); + --ton: var(--gton); + background: + linear-gradient(100deg, + color-mix(in srgb, var(--gton) 10%, transparent), + color-mix(in srgb, var(--gton) 3%, transparent) 40%, + transparent 72%), + linear-gradient(178deg, rgba(18, 25, 37, .93), rgba(9, 13, 21, .96)); + box-shadow: + inset 3px 0 0 color-mix(in srgb, var(--gton) 68%, transparent), + inset 7px 7px 14px -10px rgba(0, 0, 0, .95); +} +.gruppe[data-gruppe="offen"] { --gton: #f0c48a; } +.gruppe[data-gruppe="anstehend"] { --gton: #7ec8f2; } +.gruppe[data-gruppe="serien"] { --gton: #a78bfa; } +.gruppe[data-gruppe="erledigt"] { --gton: #79d1a2; } +/* Eine leere Tafel tritt zurueck -- sie ist eine gute Nachricht, keine + Aufgabe. Dieselbe Ueberlegung wie bei den Zahlen auf der Uebersicht: + Null darf leise sein. */ +.gruppe[data-gruppe][data-leer="ja"] { + background: linear-gradient(178deg, rgba(14, 19, 29, .9), rgba(8, 12, 19, .94)); + box-shadow: + inset 3px 0 0 color-mix(in srgb, var(--gton) 26%, transparent), + inset 7px 7px 14px -10px rgba(0, 0, 0, .95); +} diff --git a/workspace/aufgaben.html b/workspace/aufgaben.html index a8ad5895..8828f905 100644 --- a/workspace/aufgaben.html +++ b/workspace/aufgaben.html @@ -14,10 +14,10 @@ - - - - + + + + @@ -217,10 +217,10 @@ - - - - - + + + + + diff --git a/workspace/automation.html b/workspace/automation.html index fe398c60..14a35689 100644 --- a/workspace/automation.html +++ b/workspace/automation.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -140,10 +140,10 @@ - - - - - + + + + + diff --git a/workspace/bereich.html b/workspace/bereich.html index 91c526a6..911df1d4 100644 --- a/workspace/bereich.html +++ b/workspace/bereich.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -149,14 +149,14 @@ - - - - - - - - - + + + + + + + + + diff --git a/workspace/calls.html b/workspace/calls.html index e218d180..369c1122 100644 --- a/workspace/calls.html +++ b/workspace/calls.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -82,11 +82,11 @@ - - - - - - + + + + + + diff --git a/workspace/chat.html b/workspace/chat.html index cccbe3be..9c977719 100644 --- a/workspace/chat.html +++ b/workspace/chat.html @@ -14,17 +14,17 @@ - - + + - - - + + + @@ -160,10 +160,10 @@ - - - - - + + + + + diff --git a/workspace/content.html b/workspace/content.html index a9c116fe..9647993a 100644 --- a/workspace/content.html +++ b/workspace/content.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -172,12 +172,12 @@ - - - - - - - + + + + + + + diff --git a/workspace/dateien.html b/workspace/dateien.html index cf347dc0..a3bcd90f 100644 --- a/workspace/dateien.html +++ b/workspace/dateien.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -101,10 +101,10 @@ - - - - - + + + + + diff --git a/workspace/index.html b/workspace/index.html index e9cfc5e4..15e32939 100644 --- a/workspace/index.html +++ b/workspace/index.html @@ -32,7 +32,7 @@ - + @@ -382,6 +382,6 @@ - + diff --git a/workspace/kalender.html b/workspace/kalender.html index 1cc490d5..60a8887b 100644 --- a/workspace/kalender.html +++ b/workspace/kalender.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -340,11 +340,11 @@ - - - - - - + + + + + + diff --git a/workspace/leistung.html b/workspace/leistung.html index 5b74c163..40f00e2d 100644 --- a/workspace/leistung.html +++ b/workspace/leistung.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -217,10 +217,10 @@ - - - - - + + + + + diff --git a/workspace/personen.html b/workspace/personen.html index 8cb417f3..90a22fc6 100644 --- a/workspace/personen.html +++ b/workspace/personen.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -305,10 +305,10 @@ - - - - - + + + + + diff --git a/workspace/profil.html b/workspace/profil.html index 1d514aa3..f0548a1f 100644 --- a/workspace/profil.html +++ b/workspace/profil.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -207,11 +207,11 @@ - - - - - - + + + + + + diff --git a/workspace/report.html b/workspace/report.html index 56beb2bc..36a99ae7 100644 --- a/workspace/report.html +++ b/workspace/report.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -99,11 +99,11 @@ - - - - - - + + + + + + diff --git a/workspace/scouting.html b/workspace/scouting.html index 69e9d1bf..6cc2957b 100644 --- a/workspace/scouting.html +++ b/workspace/scouting.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -132,10 +132,10 @@ - - - - - + + + + + diff --git a/workspace/start.html b/workspace/start.html index 8ab86d73..8a853ac9 100644 --- a/workspace/start.html +++ b/workspace/start.html @@ -14,12 +14,12 @@ - - + + - - + + @@ -522,10 +522,10 @@

- - - - - + + + + + diff --git a/workspace/startcheck.html b/workspace/startcheck.html index 7e31df03..21edd87e 100644 --- a/workspace/startcheck.html +++ b/workspace/startcheck.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -78,11 +78,11 @@ - - - - - - + + + + + + diff --git a/workspace/steckbrief.html b/workspace/steckbrief.html index 3870aa5b..72db194a 100644 --- a/workspace/steckbrief.html +++ b/workspace/steckbrief.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -119,10 +119,10 @@ - - - - - + + + + + diff --git a/workspace/uebersicht.html b/workspace/uebersicht.html index cbd0581f..ff2ad726 100644 --- a/workspace/uebersicht.html +++ b/workspace/uebersicht.html @@ -14,13 +14,13 @@ - - + + - - - + + + @@ -142,11 +142,11 @@ - + - - - - + + + + diff --git a/workspace/wissen.html b/workspace/wissen.html index e85c30b8..e1037d2b 100644 --- a/workspace/wissen.html +++ b/workspace/wissen.html @@ -14,11 +14,11 @@ - - - - - + + + + + @@ -183,10 +183,10 @@ - - - - - + + + + +