diff --git a/workspace/assets/css/kalender.css b/workspace/assets/css/kalender.css index 7e134eb9..1f2dafa4 100644 --- a/workspace/assets/css/kalender.css +++ b/workspace/assets/css/kalender.css @@ -612,15 +612,67 @@ .k-leer__tipp { margin: 0; font-size: .82rem; color: var(--text-still); } /* ---------- Tagesdialog -------------------------------------------------- */ +/* ===================================================================== + DER TAGDIALOG BEKOMMT DIE SILHOUETTE DES HAUSES (screen2, 09.09.2026) + + Filipe: "die ganze kachel und button sollen geiler aussehen." + + Der Inhalt war schon gebaut -- Eintraege mit Schiene in ihrer Farbe, + Plaketten (TERMIN, FRIST), Knopfreihe. Nur die Huelle nicht: Sie war + ein Rechteck mit 18 px Rundung und einem gezeichneten Rand. Damit + war der Dialog die EINZIGE grosse Flaeche im Workspace ohne Fase -- + und ausgerechnet die, die sich ueber alles andere legt. Man sieht es + nicht als Fehler, sondern denkt "der gehoert wohl zum Browser". + + Jetzt dieselbe Sprache wie die Sammelkacheln: eine Fassung als + duenner Rahmen (2 px Polsterung mit Farbverlauf darunter), die Fase + an zwei gegenueberliegenden Ecken, und das Innenglas als eigene + Ebene. Die Fassung traegt Rot links und Babyblau rechts, wie ueberall + im Haus -- nur leiser als auf der Anmeldeseite, weil hier Text + dicht am Rand steht. + + ZWEI ECKEN, NICHT VIER: Bei einem Kasten, der mitten im Bild + aufgeht, wirken vier abgeschnittene Ecken unruhig -- er soll wie + eine Platte wirken, die man auflegt, nicht wie ein Achteck. Oben + links und unten rechts geben die Richtung, die anderen beiden halten + die Form. + + `border-radius: 0` ist PFLICHT und nicht Kosmetik: Ein + `border-radius`, der neben einem `clip-path` stehen bleibt, rundet + die Ecken der Flaeche INNERHALB der Silhouette -- man saehe an den + nicht gefasten Ecken eine doppelte Kante. */ .k-dialog { width: min(560px, calc(100vw - 32px)); - padding: 20px 22px; - border: 1px solid var(--rand-hell); - border-radius: var(--radius); - background: var(--glas-tief); + padding: 2px; /* die Fassung */ + border: 0; + border-radius: 0; + clip-path: polygon( + 20px 0, 100% 0, 100% calc(100% - 20px), + calc(100% - 20px) 100%, 0 100%, 0 20px); + background: linear-gradient(104deg, + #2a0a10 0%, #c8323f 12%, #ffd9dd 20%, #6d1721 32%, + #0a0c12 44%, #e8f1fb 50%, #0a0c12 56%, + #1d4a63 66%, #8fd8ff 78%, #dff2ff 85%, #14293a 94%, #060810 100%); color: var(--text); box-shadow: var(--schatten); - backdrop-filter: blur(14px); +} +/* Das Innenglas. Eigene Ebene, damit die Fassung ringsum stehen + bleibt -- dieselbe Bauart wie bei der Zentrale und der Rollenkachel. */ +.k-dialog__glas { + padding: 20px 22px; + clip-path: polygon( + 18px 0, 100% 0, 100% calc(100% - 18px), + calc(100% - 18px) 100%, 0 100%, 0 18px); + background: + var(--raster), + linear-gradient(178deg, rgba(17, 23, 34, .97), rgba(9, 13, 21, .98)); + /* KEIN `backdrop-filter` HIER. Er stand vorher auf dem Dialog und + ist mitgewandert -- auf einer zu 97 Prozent deckenden Flaeche + rechnet er bei jedem Bild einen Weichzeichner aus, den niemand + sieht. Das Verwischen des Hintergrunds macht `.k-dialog::backdrop`, + und dort gehoert es hin. Ein Effekt, der nichts bewirkt, ist + nicht harmlos: Er kostet Rechenzeit und behauptet im Quelltext + etwas ueber das Aussehen, das nicht stimmt. */ } .k-dialog::backdrop { background: rgba(3, 5, 10, .72); backdrop-filter: blur(3px); } .k-dialog__kopf { diff --git a/workspace/aufgaben.html b/workspace/aufgaben.html index 4a88b5ea..a8ad5895 100644 --- a/workspace/aufgaben.html +++ b/workspace/aufgaben.html @@ -14,10 +14,10 @@ - - - - + + + +
@@ -217,10 +217,10 @@ - - - - - + + + + +