From 4d80feb4e815422a0ff2a22aa116cae8b7ced900 Mon Sep 17 00:00:00 2001 From: mhoennig Date: Tue, 25 Aug 2026 10:50:01 +0200 Subject: [PATCH] =?UTF-8?q?fix:=20Falt-Chip=20deckend=20wei=C3=9F=20mit=20?= =?UTF-8?q?Tinte-Glyphe=20=E2=80=94=20Kontrast=20auf=20den=20Pastellfarben?= =?UTF-8?q?=20(D64-Nachtrag)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Die fast transparente Füllung mit mattgrauer Glyphe verschwand auf den acht Status-Pastelltönen. Nur Farben geändert; line-height und Padding bleiben (23-px-Geometrie). Co-Authored-By: Claude Fable 5 --- docs/CHANGELOG.md | 1 + docs/DECISIONS.md | 10 ++++++++++ frontend/src/style.css | 18 +++++++++++------- 3 files changed, 22 insertions(+), 7 deletions(-) diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md index 4a8ac93..b37232a 100644 --- a/docs/CHANGELOG.md +++ b/docs/CHANGELOG.md @@ -19,6 +19,7 @@ reverse. ## 2026-08-25 +- The fold chip is solid white with an ink glyph now — the translucent box vanished on the pastel node colours - A size prices its whole subtree on the cheapest path — sub-packages no longer add on top, so a carefully decomposed `(S)` beats a coarse `(L)` - The size is now the last free-standing `(L)`-style token of the line — earlier ones stay in the title, and `"(L)"` or `((L))` mention a size literally - Fix: Ctrl+click on a dependency preceded by a non-breaking space did nothing, although the parser reads it as a dependency diff --git a/docs/DECISIONS.md b/docs/DECISIONS.md index 7715202..2ef9cd3 100644 --- a/docs/DECISIONS.md +++ b/docs/DECISIONS.md @@ -4843,6 +4843,16 @@ Zeile umgeschrieben. Der neue Plan-Knoten `#ed.render.wrap (S)` kippte prompt die Größenprüfung des eigenen Plans (`#ed.render (M)` mit nun 4×S, D62) — ehrlich nachgezogen auf `(L)`, danach wieder 0 Warnungen. +**Nachtrag — der Falt-Chip bekommt deckendes Weiß.** Gemeldet: „teilweise +schwierig zu erkennen (z. B. weiß auf heller Farbe)". Die erste Fassung +füllte den Chip fast transparent (`rgba(36,52,71,.04)`) mit mattgrauer +Glyphe — auf den acht Pastell-Statusfarben (§4) verschwand er. Jetzt: +deckendes Weiß, Glyphe in Tinte (`--line`, ~7,6:1 auf Weiß), satter Rand in +`--muted`; auf dem weißen Neutral-Knoten trägt der Rand allein, der dunkle +Wurzelknoten bekommt die helle Umkehrung (weiße Glyphe, Rand 0,7). Nur +Farben — Innenabstand und `line-height:14px` bleiben unangetastet, die +23-px-Geometrie (oben) hängt daran. + ## D65 — Abgerissene Linien im vertikalen Modus: Geometrie-Fehler, kein Rendering-Problem Gemeldet: „Es geschieht immer wieder, dass die Verbindungslinien zu Sub-Knoten nicht durchgängig sind, sondern Lücken haben — meistens fehlen in der diff --git a/frontend/src/style.css b/frontend/src/style.css index aa13229..680deda 100644 --- a/frontend/src/style.css +++ b/frontend/src/style.css @@ -709,17 +709,21 @@ über die festen 18,3px heben, sonst wandert die 23-px-Abzweig-Geometrie (§9) um Halbpixel. */ .node .fold{ - cursor:pointer;color:var(--muted); + cursor:pointer;color:var(--line); font-size:.75em;margin-right:6px; display:inline-block;padding:0 6px;line-height:14px; - border:1px solid rgba(36,52,71,.28);border-radius:5px; - background:rgba(36,52,71,.04); + border:1px solid var(--muted);border-radius:5px; + background:#fff; user-select:none;-webkit-user-select:none; } - .node .fold:hover{color:var(--line);border-color:var(--line);background:rgba(36,52,71,.09)} - /* Der dunkle Wurzelknoten braucht ein helleres Zeichen als das Grau. */ - .root-node .fold{color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.08)} - .root-node .fold:hover{color:#fff;border-color:#fff} + /* Deckendes Weiß plus Tinte-Glyphe: Die halbtransparente Füllung der ersten + Fassung verschwand auf den Pastell-Statusfarben („weiß auf hell") — der + Chip muss sich auf ALLEN acht Füllungen abheben, und Weiß mit sattem Rand + tut das; auf dem weißen Neutral-Knoten trägt der Rand allein. */ + .node .fold:hover{color:var(--ink);border-color:var(--line);background:#fff} + /* Der dunkle Wurzelknoten braucht die helle Umkehrung. */ + .root-node .fold{color:#fff;border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.16)} + .root-node .fold:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.26)} /* ”-Marke (SPEC §9, D40): der Knoten trägt eine Beschreibung — im Tooltip nachlesbar. Spiegelt das "-Zeichen der Notation; gedeckt, kein Klickziel. */ .node .desc-mark{color:var(--muted);margin-left:4px;font-weight:600}