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 @@ - - - - - + + + + +