From da274f7825f4b6e985492e2f90979a0f61ee2a13 Mon Sep 17 00:00:00 2001 From: Dogfather Date: Tue, 8 Sep 2026 17:49:41 +0200 Subject: [PATCH] Die Dialoge bekommen die Fase -- und einer war ueberhaupt nicht gestaltet Filipe: "es soll bei jedem nicht nur bei patrick sondern bei jedem die neue stile haben wie bei mir." Mein Durchlauf ueber 18 Seiten und fuenf Rollen hatte die DIALOGE ausdruecklich ausgenommen -- und genau dort lag noch etwas. 1. `.dialog` trug runde Ecken (4px 20px 20px 4px). Er bekommt jetzt dieselbe Fase wie alles andere. NICHT ueber die Modulliste: Die belegt `::before` und `::after` fuer die Eckwinkel, und beide sind hier schon vergeben -- an die Leuchtschiene links und den Lichtsaum. Beides gegen zwei Winkel zu tauschen waere ein Rueckschritt, also nur der Zuschnitt von Hand, mit derselben Groesse `--fase`. 2. DER WECKER-DIALOG WAR GAR NICHT GESTALTET. Gefunden beim Nachsehen, welche Dialoge nicht `.dialog` heissen: Dieser traegt `.tagdialog`, und diese Klasse stand in KEINER Stilvorlage. Gemessen bekam er vom Browser: Hintergrund rgb(18, 18, 18) flaches Systemschwarz Rand 3 px Systemrahmen Fase keine Raster keins Er sah aus wie ein Fenster des Betriebssystems mitten im Workspace -- auf JEDER Rolle, denn den Wecker haben alle. Aufgefallen ist es nie, weil er nur aufgeht, wenn man die Glocke an einem Termin drueckt. Nebenbei stand das Schliesskreuz unter der Ueberschrift statt daneben: Auch `.tagdialog__kopf` war ohne Regel. DAS IST DER GRUND, WARUM DER ERSTE DURCHLAUF "0 im alten Muster" ergab und trotzdem nicht die ganze Wahrheit war: Meine Messung suchte Elemente mit runden ECKEN. Ein Baustein ganz ohne Gestaltung hat keine runden Ecken -- er faellt durch dasselbe Sieb. Eine Suche findet nur, wonach sie fragt. pruef-kalender EXIT=0 (84), pruef-wecker EXIT=0 (20), pruef-css-klassen EXIT=0 (28), pruef-start-ansicht EXIT=0 (140). Co-Authored-By: Claude Opus 5 --- workspace/assets/css/aufgaben.css | 16 ++++++++- workspace/assets/css/kalender.css | 57 +++++++++++++++++++++++++++++++ 2 files changed, 72 insertions(+), 1 deletion(-) diff --git a/workspace/assets/css/aufgaben.css b/workspace/assets/css/aufgaben.css index 414d12c7..268a6c29 100644 --- a/workspace/assets/css/aufgaben.css +++ b/workspace/assets/css/aufgaben.css @@ -246,7 +246,21 @@ width: min(580px, calc(100vw - 32px)); padding: 0; border: 1px solid rgba(150, 186, 220, .16); - border-radius: 4px 20px 20px 4px; + /* DIE FASE STATT RUNDER ECKEN (08.09.2026). + + Filipe: "alles was sie sehen soll dan auch nach der neuen struktur + aufgebaut sein" -- und ein Dialog ist das, was man am genauesten + ansieht, weil er alles andere verdeckt. + + Er kann NICHT in die Modulliste von module.css: Die belegt + `::before` und `::after` fuer die Eckwinkel, und beide sind hier + schon vergeben -- an die Leuchtschiene links und den Lichtsaum. + Beides gegen zwei Winkel zu tauschen waere ein Rueckschritt. + Deshalb hier nur der Zuschnitt, von Hand, mit derselben Groesse + `--fase` wie ueberall. Wer die Fase spaeter aendert, aendert sie + hier mit. */ + clip-path: polygon(var(--fase, 18px) 0, 100% 0, 100% 100%, 0 100%, 0 var(--fase, 18px)); + border-radius: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--akzent) 16%, transparent) 0%, diff --git a/workspace/assets/css/kalender.css b/workspace/assets/css/kalender.css index a21cd12f..9137f4a0 100644 --- a/workspace/assets/css/kalender.css +++ b/workspace/assets/css/kalender.css @@ -1148,3 +1148,60 @@ background: linear-gradient(180deg, rgba(12, 16, 25, .7), rgba(6, 9, 15, .7)); box-shadow: none; } + +/* =================================================================== + DER WECKER-DIALOG WAR GAR NICHT GESTALTET (08.09.2026) + + Filipe: "alles was sie sehen soll dan auch nach der neuen struktur + aufgebaut sein." + + Gefunden beim Nachsehen, welche Dialoge NICHT `.dialog` heissen: + Dieser hier traegt `.tagdialog`, und diese Klasse steht in keiner + einzigen Stilvorlage. Gemessen kam heraus, was ein `` ohne + Gestaltung vom Browser bekommt: + + Hintergrund rgb(18, 18, 18) flaches Systemschwarz + Rand 3 px der Systemrahmen + Fase keine + Raster keins + + Er sah damit aus wie ein Fenster des Betriebssystems mitten im + Workspace -- und das auf JEDER Rolle, denn den Wecker haben alle. + Aufgefallen ist es nie, weil er nur aufgeht, wenn man auf die + Glocke an einem Termin drueckt. + + Er bekommt jetzt dieselbe Sprache wie alle anderen Dialoge: die + gefraeste Fase, die Leuchtschiene links, denselben Verlauf und + denselben Schatten. Bewusst hier und nicht ueber die Modulliste -- + die belegt beide Pseudo-Elemente fuer Eckwinkel, und die Schiene + ist an einem Dialog die wichtigere Aussage. + =================================================================== */ +.tagdialog { + position: relative; + width: min(580px, calc(100vw - 32px)); + padding: 22px 24px 24px; + border: 1px solid rgba(150, 186, 220, .16); + clip-path: polygon(var(--fase, 18px) 0, 100% 0, 100% 100%, 0 100%, 0 var(--fase, 18px)); + border-radius: 0; + background: + linear-gradient(90deg, + color-mix(in srgb, var(--akzent) 16%, transparent) 0%, + color-mix(in srgb, var(--akzent) 5%, transparent) 14%, + transparent 40%), + linear-gradient(163deg, #141c29 0%, #0a0e17 58%, #070a11 100%); + color: var(--text); + box-shadow: + inset 0 1px 0 rgba(255, 255, 255, .10), + inset 0 -1px 0 rgba(0, 0, 0, .55), + inset 2px 0 0 -1px color-mix(in srgb, var(--akzent) 34%, transparent), + 0 30px 70px -24px rgba(0, 0, 0, .92); +} +.tagdialog::backdrop { background: rgba(3, 6, 11, .72); backdrop-filter: blur(3px); } +/* Kopf und Schliessknopf nebeneinander -- vorher stand das X unter der + Ueberschrift, weil nichts sie in eine Zeile gebracht hat. */ +.tagdialog__kopf { + display: flex; align-items: flex-start; justify-content: space-between; + gap: 16px; margin-bottom: 6px; +} +.tagdialog__kopf .titel { margin: 0; font-size: 1.24rem; } +.wecker-hinweis { margin: 0 0 14px; }