fix(diagram): Wurzelknoten-Falt-Chip wie überall, helle Marken nur auf dunkler Wurzel (D64-Nachtrag 2)
Die helle Umkehrung des Chips war für die dunkle Tinte-Wurzel gebaut — seit D39 ist die Wurzel mit Status aber pastellfarben, und Weiß darauf unsichtbar. Der Chip ist jetzt überall derselbe; desc-mark und nid bleiben nur auf der statuslosen (dunklen) Wurzel weiß. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Fable 5
parent
9d1d580166
commit
a59bbaa16a
@@ -19,6 +19,7 @@ reverse.
|
|||||||
|
|
||||||
## 2026-08-27
|
## 2026-08-27
|
||||||
|
|
||||||
|
- Fix: the root node's fold chip was white-on-pastel and barely visible — it now looks like every other node's, and the description mark and id line on a coloured root are readable too
|
||||||
- The caret on a node off the cheapest path now highlights only the ring — the fill stays pale instead of jumping back to full colour
|
- The caret on a node off the cheapest path now highlights only the ring — the fill stays pale instead of jumping back to full colour
|
||||||
- On shared documents the history button shows the server's milestones — loading one is a rollback for everyone, as a new version, nothing lost
|
- On shared documents the history button shows the server's milestones — loading one is a rollback for everyone, as a new version, nothing lost
|
||||||
- The camera button turns the current state of a shared document into a server milestone instead of a local snapshot
|
- The camera button turns the current state of a shared document into a server milestone instead of a local snapshot
|
||||||
|
|||||||
@@ -4894,6 +4894,38 @@ Wurzelknoten bekommt die helle Umkehrung (weiße Glyphe, Rand 0,7). Nur
|
|||||||
Farben — Innenabstand und `line-height:14px` bleiben unangetastet, die
|
Farben — Innenabstand und `line-height:14px` bleiben unangetastet, die
|
||||||
23-px-Geometrie (oben) hängt daran.
|
23-px-Geometrie (oben) hängt daran.
|
||||||
|
|
||||||
|
**Nachtrag 2 — der Wurzelknoten bekommt denselben Chip; die „helle
|
||||||
|
Umkehrung" war ein Fehler mit Verfallsdatum.** Gemeldet: „Der Root-Knoten hat
|
||||||
|
immer noch einen schlecht sichtbaren Aufklapp-Button — bei allen anderen
|
||||||
|
sieht der anders aus. Warum?" Die Antwort steht im Nachtrag oben: Die helle
|
||||||
|
Umkehrung (weiße Glyphe auf durchscheinendem Weiß) war für den **dunklen**
|
||||||
|
Tinte-Wurzelknoten gebaut. Nur ist die Wurzel seit D39 fast nie dunkel:
|
||||||
|
Trägt sie einen Status, gewinnt dessen Pastell-Füllung (`.node.st-*` ist
|
||||||
|
spezifischer als `.root-node`) — und alle mitgelieferten Pläne haben eine
|
||||||
|
`[~]`-Wurzel. Weiß auf Rosé ist genau das „weiß auf heller Farbe", das der
|
||||||
|
Nachtrag oben für alle anderen Knoten behoben hatte; die Wurzel-Ausnahme hat
|
||||||
|
denselben Fehler eine Runde länger getragen.
|
||||||
|
|
||||||
|
**Die Sonderregel entfällt ersatzlos** — der deckend weiße Chip mit
|
||||||
|
Tinte-Glyphe gilt jetzt überall. Auf der dunklen (statuslosen) Wurzel hebt
|
||||||
|
er sich erst recht ab, und helle Pillen auf dem dunklen Grund gibt es dort
|
||||||
|
längst (Tags, Größen-Badge). Einheitlich ist zugleich die Antwort auf das
|
||||||
|
„Warum sieht der anders aus?": Er soll es nicht.
|
||||||
|
|
||||||
|
**Dieselbe Falle steckte in zwei Nachbarn:** `.root-node .desc-mark` und
|
||||||
|
`.root-node .nid` färbten die ”-Marke und die eingeblendete ID weiß — auf
|
||||||
|
der Pastell-Wurzel unsichtbar, und die Wurzel des mitgelieferten Plans trägt
|
||||||
|
beides (D48-Beschreibung, `#wb`). Beide Regeln gelten jetzt nur noch der
|
||||||
|
**dunklen** Wurzel, erkannt am Fehlen jeder Statusklasse (achtfaches
|
||||||
|
`:not(.st-…)` — verbos, aber exakt die Bedingung, unter der die dunkle
|
||||||
|
Füllung überhaupt gewinnt).
|
||||||
|
|
||||||
|
**Nachgemessen** im Browser: Der Chip der `[~]`-Wurzel ist jetzt
|
||||||
|
Byte-identisch mit dem jedes anderen Knotens (weiß, Rand `--muted`, Glyphe
|
||||||
|
`--line`), die ”-Marke dort `--muted` statt Weiß; mit probeweise entfernter
|
||||||
|
Statusklasse (dunkle Wurzel) bleibt der Chip weiß auf Tinte und die Marke
|
||||||
|
fällt auf Weiß 75 % zurück.
|
||||||
|
|
||||||
## D65 — Abgerissene Linien im vertikalen Modus: Geometrie-Fehler, kein Rendering-Problem
|
## D65 — Abgerissene Linien im vertikalen Modus: Geometrie-Fehler, kein Rendering-Problem
|
||||||
Gemeldet: „Es geschieht immer wieder, dass die Verbindungslinien zu Sub-Knoten
|
Gemeldet: „Es geschieht immer wieder, dass die Verbindungslinien zu Sub-Knoten
|
||||||
nicht durchgängig sind, sondern Lücken haben — meistens fehlen in der
|
nicht durchgängig sind, sondern Lücken haben — meistens fehlen in der
|
||||||
|
|||||||
+12
-5
@@ -715,13 +715,19 @@
|
|||||||
Chip muss sich auf ALLEN acht Füllungen abheben, und Weiß mit sattem Rand
|
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. */
|
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}
|
.node .fold:hover{color:var(--ink);border-color:var(--line);background:#fff}
|
||||||
/* Der dunkle Wurzelknoten braucht die helle Umkehrung. */
|
/* Der Wurzelknoten bekommt DENSELBEN Chip wie alle anderen — die frühere
|
||||||
.root-node .fold{color:#fff;border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.16)}
|
helle Umkehrung (weiße Glyphe auf durchscheinendem Weiß) war für den
|
||||||
.root-node .fold:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.26)}
|
dunklen Tinte-Wurzelknoten gebaut; trägt die Wurzel aber einen Status,
|
||||||
|
gewinnt dessen Pastell-Füllung (.node.st-* ist spezifischer, D39), und
|
||||||
|
Weiß auf Rosé war praktisch unsichtbar. Der deckend weiße Chip hebt sich
|
||||||
|
auch auf der dunklen Wurzel ab (wie die hellen Tag-Pillen dort). */
|
||||||
/* ”-Marke (SPEC §9, D40): der Knoten trägt eine Beschreibung — im Tooltip
|
/* ”-Marke (SPEC §9, D40): der Knoten trägt eine Beschreibung — im Tooltip
|
||||||
nachlesbar. Spiegelt das "-Zeichen der Notation; gedeckt, kein Klickziel. */
|
nachlesbar. Spiegelt das "-Zeichen der Notation; gedeckt, kein Klickziel. */
|
||||||
.node .desc-mark{color:var(--muted);margin-left:4px;font-weight:600}
|
.node .desc-mark{color:var(--muted);margin-left:4px;font-weight:600}
|
||||||
.root-node .desc-mark{color:rgba(255,255,255,.75)}
|
/* Die helle Textfassung gilt nur dem DUNKLEN Wurzelknoten — mit Status ist
|
||||||
|
die Wurzel pastellfarben (siehe Falt-Chip oben), und Weiß darauf wäre
|
||||||
|
unsichtbar. „Dunkel" heißt: keine Statusklasse. */
|
||||||
|
.root-node:not(.st-idee):not(.st-geplant):not(.st-arbeit):not(.st-durchstich):not(.st-fertig):not(.st-prod):not(.st-highrisk):not(.st-verworfen) .desc-mark{color:rgba(255,255,255,.75)}
|
||||||
/* Knoten-ID vor dem Titel (D56). Zurückgenommen und in der Mono-Schrift des
|
/* Knoten-ID vor dem Titel (D56). Zurückgenommen und in der Mono-Schrift des
|
||||||
Textfelds: Sie ist die Adresse, nicht der Name — der Titel soll die Zeile
|
Textfelds: Sie ist die Adresse, nicht der Name — der Titel soll die Zeile
|
||||||
weiter anführen. Kein `margin-right`; das trennende Leerzeichen steht im
|
weiter anführen. Kein `margin-right`; das trennende Leerzeichen steht im
|
||||||
@@ -730,7 +736,8 @@
|
|||||||
font-family:'IBM Plex Mono',monospace;font-size:.86em;font-weight:500;
|
font-family:'IBM Plex Mono',monospace;font-size:.86em;font-weight:500;
|
||||||
color:var(--muted);
|
color:var(--muted);
|
||||||
}
|
}
|
||||||
.root-node .nid{color:rgba(255,255,255,.75)}
|
/* Nur die dunkle (statuslose) Wurzel — Begründung beim Falt-Chip oben. */
|
||||||
|
.root-node:not(.st-idee):not(.st-geplant):not(.st-arbeit):not(.st-durchstich):not(.st-fertig):not(.st-prod):not(.st-highrisk):not(.st-verworfen) .nid{color:rgba(255,255,255,.75)}
|
||||||
/* Der Knopf trägt das Zeichen selbst statt eines Icons — in der Größe der
|
/* Der Knopf trägt das Zeichen selbst statt eines Icons — in der Größe der
|
||||||
SVGs daneben, damit die Kopfzeile ihre Höhe behält. */
|
SVGs daneben, damit die Kopfzeile ihre Höhe behält. */
|
||||||
.copybtn.idsbtn span{
|
.copybtn.idsbtn span{
|
||||||
|
|||||||
Reference in New Issue
Block a user