mi/werkbaum
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

fix: Querverbindungen gepunktet — zurückhaltender (D41-Nachtrag)

Browse Source 
Nutzer-Feedback: Die durchgezogene Kurve konkurrierte trotz Blässe noch
mit dem Baum. Basis-Kanten jetzt gepunktet (runde Punkte, .1/5) — damit
dreifach von den Baumlinien unterschieden (Krümmung, Blässe,
Punktierung). Der D29-Einwand gegen einen dritten Linienstil galt den
Baum-Abzweigen im kompakten Modus, nicht der eigenen gekrümmten Ebene.
Die Fokus-Hervorhebung bleibt durchgezogen in Tinte; Export identisch.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
mhoennig
2026-08-22 19:18:10 +02:00
co-authored by Claude Fable 5
parent d2ab30b63d
commit 1cd1d30d1b
5 changed files with 28 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/style.css
+9 -6
View File
@@ -702,13 +702,16 @@
Blättern zeigen, welche Knoten wirklich auf dem Pfad enden — durchquerte
Fremdknoten tragen keinen Punkt. Reihenfolge im DOM steuert vorn/hinten. */
.cheap-overlay{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
/* Querverbindungen der Abhängigkeiten (SPEC §9, D41): dünn, blassgrau,
gekrümmt — die Krümmung unterscheidet sie von den orthogonalen Baumlinien.
Hervorgehobene Kanten (fokussierter Knoten/Cursor-Zeile) in Tinte. */
/* Querverbindungen der Abhängigkeiten (SPEC §9, D41): blassgrau GEPUNKTET
und gekrümmt — Punktierung und Krümmung unterscheiden sie doppelt von den
Baumlinien (durchgezogen/gestrichelt, orthogonal) und halten sie leise
(D41-Nachtrag). Hervorgehobene Kanten (fokussierter Knoten/Cursor-Zeile)
durchgezogen in Tinte. */
.dep-overlay{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.dep-edge{fill:none;stroke:var(--muted);stroke-width:1.5;opacity:.35;stroke-linecap:round}
.dep-arrow{fill:var(--muted);opacity:.35}
.dep-edge.hl{stroke:var(--line);stroke-width:2;opacity:.9}
.dep-edge{fill:none;stroke:var(--muted);stroke-width:1.5;opacity:.4;
stroke-linecap:round;stroke-dasharray:.1 5}
.dep-arrow{fill:var(--muted);opacity:.4}
.dep-edge.hl{stroke:var(--line);stroke-width:2;opacity:.9;stroke-dasharray:none}
.dep-arrow.hl{fill:var(--line);opacity:.9}
.cheap-path{fill:none;stroke:var(--or);stroke-width:2.5;stroke-linecap:round;
stroke-dasharray:8 6;opacity:.9}