diff --git a/workspace/assets/css/gate.css b/workspace/assets/css/gate.css index 91105465..d1a43bbf 100644 --- a/workspace/assets/css/gate.css +++ b/workspace/assets/css/gate.css @@ -2084,3 +2084,36 @@ body.gate { /* Waehrend der Anmeldung: ruhig stellen, damit der Ladepunkt die Aufmerksamkeit bekommt und nicht der Glanz. */ #knopf[disabled] { filter: saturate(.7) brightness(.85); box-shadow: none; } + +/* =================================================================== + DIE ROLLENZEICHEN AUF DER ANMELDESEITE (08.09.2026) + + SIE WAREN VERGESSEN WORDEN, und Filipe hat es im Bildschirmfoto + gesehen: Auf der Anmeldeseite standen weiter die alten, einfarbigen + Zeichen -- rosa Chili, GELBER Husky, violetter Stern, Schild mit + Haken, Person-Silhouette. Die neuen lagen zu dem Zeitpunkt seit + Stunden im Haus, nur eben in `personen.html`. + + DER GRUND ist eine Doppelung, die man dem Code nicht ansieht: Diese + Seite hatte die Zeichen als EIGENE Kopien im Quelltext stehen, nicht + als Verweis auf das gemeinsame Sprite. Wer eines von beiden aendert, + aendert das andere nicht -- und merkt es nicht, weil beide Stellen + fuer sich richtig aussehen. Jetzt traegt `index.html` dasselbe Sprite + und verweist mit `` darauf; es gibt die Zeichen nur noch einmal. + + Die Regeln unten mussten mit: Wie bei `.rollenwahl__symbol` setzte + `.rolle__zeichen` ein `fill: none` und ein `stroke` in der + Rollenfarbe. Beides wird an die Pfade VERERBT -- jedes Zeichen waere + von einem 1,7 px dicken Rand ueberzogen und seine Verlaeufe + uebermalt worden. Die Zeichen bringen ihre Farben selbst mit; von + aussen kommt nur noch Groesse und Schatten. */ +.rolle__zeichen { + fill: none; stroke: none; + filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .65)); +} +/* Die gewaehlte Rolle hebt sich weiterhin ab -- aber ueber Groesse und + Schein statt ueber die Farbe, denn die gehoert jetzt dem Zeichen. */ +.rolle[aria-checked="true"] .rolle__zeichen { + transform: scale(1.06); + filter: drop-shadow(0 2px 5px color-mix(in srgb, var(--rf) 60%, transparent)); +} diff --git a/workspace/index.html b/workspace/index.html index d55476c1..9902c5ae 100644 --- a/workspace/index.html +++ b/workspace/index.html @@ -32,6 +32,157 @@ + + + + +