/* Rastericons an den Zustands-Glyphen -- static/live2.js, Block `var G` ========================================================================== EIGENE DATEI, UND ZWAR AUS DEMSELBEN GRUND WIE static/nav-icons.css: An werkstatt.css wird parallel gearbeitet, und ein rein additives Blatt am Ende der Ladekette kann mit nichts kollidieren. Wird die Werkstatt eines Tages fertig auf Rasterbilder umgestellt, gehoert der Inhalt hier zurueck neben `.wk-zustand svg`. JEDE ZEILE HAT IHR VORBILD. Die Masse sind nicht neu erfunden, sondern von der SVG-Regel daneben abgeschrieben, damit ein umgestellter Zustand im Layout an derselben Stelle liegt wie ein noch nicht umgestellter: .wk-zustand svg 24px werkstatt.css (seit 08.09.; davor 20, 15) .wk-kat-stand svg 15px werkstatt.css:675 .wk-gruppe-glyph 16px werkstatt.css:662 (Kasten, nicht das SVG) .wk-leer-ikon svg 19px werkstatt.css:938 `object-fit:contain` haelt ein nicht ganz quadratisches Bild im Kasten, statt es zu verzerren -- dieselbe Zeile wie bei den Navigationsicons. WAS HIER NICHT PASSIERT: keine Einfaerbung, kein Filter, keine zweite Datei fuer dunkel. Die Bilder tragen ihre Farbe selbst; `currentColor` faellt weg, und an seine Stelle tritt NICHTS. Die Farbregeln daneben (werkstatt.css:617-629) faerben weiterhin den TEXT des Zustands -- sie greifen nur auf `svg` und lassen ein `img` unberuehrt. Das ist gewollt: Der Zustand behaelt seine Textfarbe, und das Bild bringt seine eigene mit. UND KEIN opacity. Die Navigationsicons stehen auf .8, weil sie dort Schmuck neben einem Menuepunkt sind. Hier IST das Bild die Zustandsanzeige; es gedaempft zu zeichnen hiesse, die Angabe zu daempfen, auf die es in der Zeile ankommt. */ /* Die Grundregel. Sie steht zuerst und faengt jeden Kasten ab, den die Liste unten nicht kennt: ein ohne Massangabe waere sonst so breit wie seine Datei. */ .wk-zustandicon{ width:15px; height:15px; flex:none; object-fit:contain; } /* Der Zeilenzustand -- die haeufigste Stelle: [Glyphe] [Wort] 24 px seit dem 08.09. (davor 20 seit dem 07.09., davor 15), zusammen mit `.wk-zustand svg` und `.wk-zustand-leer` (werkstatt.css). Die Begruendung steht dort und gilt fuer diese Zeile zuerst: ein 96x96 gezeichnetes Blatt mit Haken ist klein heruntergerechnet ein Fleck, und in der Vertragsliste stehen drei solche Motive untereinander, die sich unterscheiden muessen. Die Zeile waechst dadurch um drei Pixel -- der Kasten, in dem der Zustand sitzt, ist 21 px hoch. DASS DAS BILD DEN KASTEN AUCH AUSFUELLT, ist keine Frage der Zahl hier, sondern der Datei: `keinefrist.png` trug bis zum 08.09. rund 12 px durchsichtigen Rand im 96er Quadrat und stand deshalb neben seinen Nachbarn sichtbar kleiner und nicht auf derselben Mittellinie, obwohl beide dieselbe Zahl bekamen. Es ist seitdem durch werkzeuge/zustand_symbole_verkleinern.py gelaufen wie jede andere Lieferung. Wer das naechste Mal ein Symbol "zu klein" findet, misst zuerst den Rand der Datei (die Motivkante im Alphakanal) und aendert erst danach diese Zeile. DIE ZEILE SELBST IST AM 19.09.2026 AUSGEZOGEN. `.wk-zustand` zeichnet kein Bild mehr (static/werkstatt.css, Kasten "ZUSTAND -- nur das Wort"); die Masse gelten weiter fuer die Stellen darunter, an denen ein Motiv ein Fach oder einen Leerzustand ordnet statt einen Zustand zu wiederholen. */ /* AM 20.09.2026 IST SIE FUER ZWEI LISTEN ZURUECK -- und nur fuer die zwei: `.wk-zustand-bild` traegt der Zustand, den zustandZeichenHtml (Frist der Vertragsliste) oder zustandHtml (Ergebnis der Beschlussliste: Haken an "Angenommen", Kreuz an "Abgelehnt") mit `bild` zeichnet. 24px, wie oben aufgeschrieben. */ .wk-zustand.wk-zustand-bild .wk-zustandicon{width:24px; height:24px} /* Der Stand einer Katalogposition, rechts im Gruppenkopf */ .wk-kat-stand .wk-zustandicon{width:15px; height:15px} /* Der Gruppenkopf. Der Kasten ist 16 px und zentriert selbst; das Bild fuellt ihn aus. */ .wk-gruppe-glyph .wk-zustandicon{width:16px; height:16px} /* Der Leerzustand einer Ansicht -- dort steht die Glyphe grosser und allein ueber dem Satz, der erklaert, warum nichts da ist. */ .wk-leer-ikon .wk-zustandicon{width:19px; height:19px} /* Der grosse Leerzustand (.wk-leer-gross, werkstatt.css): dort ist der Haken das Bild der Ansicht, nicht ihre Fussnote. */ .wk-leer-gross .wk-leer-ikon .wk-zustandicon{width:48px; height:48px} /* Das Zeichen am Vorbehalts-Band (.wk-notiz-g, seit dem 18.09. mittel.png). Der Kasten daneben ist 15 px hoch und breit (werkstatt.css:1808), und die Grundregel oben trifft ihn damit schon. Die Zeile steht trotzdem hier: Sie ist das Vorbild, an dem der naechste Umbau des Bandes die Zahl abliest, ohne sie in werkstatt.css suchen zu muessen -- so wie jede andere Regel in dieser Datei. Die Farbe daneben (--wk-warn-glyph) faerbt weiterhin den Rueckfall-SVG; das Bild bringt seine eigene mit. */ .wk-notiz-g .wk-zustandicon{width:15px; height:15px} svg.wk-funke{ flex:none; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; color:var(--ds-icon); } svg.wk-funke .wk-funke-f{fill:var(--ds-marke-fuell); stroke:none} svg.wk-funke .wk-funke-k{stroke:var(--ds-marke-fuell)} [data-theme="dark"] svg.wk-funke .wk-funke-f{fill:var(--ds-link)} [data-theme="dark"] svg.wk-funke .wk-funke-k{stroke:var(--ds-link)} svg.wk-funke.wk-bedien{color:inherit}