fix: vertikale Sammelleiste erreicht den Eltern-Stub wieder (D65)
Zwei Geometrie-Fehler bei Gruppen mit wenigen Kindern: :only-child schaltete die Leiste ab, obwohl Stub (50 %) und Abzweig (23 px) seit dem 20-px- Zusatzabstand nicht mehr zusammenfallen (6,6–15,8 px Lücke); und bei einem großen Teilbaum im letzten Kind endete die Leiste über dem Stub (bis 98 px). Fix: CSS-Verbinder 23px→50 % am Einzelkind, alignVRails() + --vrail-ext für das letzte Kind. Export und Kompakt-Modus waren nie betroffen. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Fable 5
parent
94aa16efbd
commit
07e4116bd9
+13
-1
@@ -1317,7 +1317,19 @@
|
||||
Linien zu zentrierten Zwischenknoten ins Leere. Die Enden der Sammelleiste
|
||||
folgen demselben Abzweigpunkt des jeweiligen Rand-Kindes. */
|
||||
.tree.vertical li.has-and>ul.and>li:first-child::after{top:23px;height:calc(100% - 23px)}
|
||||
.tree.vertical li.has-and>ul.and>li:only-child::after{border:0}
|
||||
/* Einziges Kind: KEIN border:0 mehr (D65). Der Eltern-Stub dockt bei 50 % der
|
||||
Gruppenhöhe an, der Kind-Abzweig liegt fest bei 23 px — seit dem
|
||||
20-px-Zusatzabstand unten (und erst recht bei mehrzeiligen Knoten, D64)
|
||||
fallen die beiden NICHT mehr zusammen. Das Verbindungsstück ist hier rein
|
||||
in CSS ausdrückbar, weil Gruppenhöhe == Kindhöhe (ul hat padding-top:0). */
|
||||
.tree.vertical li.has-and>ul.and>li:only-child::after{top:23px;height:max(0px, calc(50% - 23px))}
|
||||
/* Letztes Kind mit großem Teilbaum (D65): Die Leiste endet am 23-px-Abzweig,
|
||||
der Eltern-Stub dockt aber bei 50 % der GRUPPE an — liegt der tiefer
|
||||
(großer Teilbaum im letzten Kind), hinge er in der Luft. `alignVRails()`
|
||||
in app.js misst das und verlängert die Leiste per --vrail-ext bis zum
|
||||
Stub. has-and-Kinder brauchen das nie (Abzweig bei 50 % der Zelle, und
|
||||
50 % der Gruppe liegt beweisbar darüber). */
|
||||
.tree.vertical li.has-and>ul.and>li:last-child:not(.has-and):not(:only-child)::after{height:var(--vrail-ext, 23px)}
|
||||
.tree.vertical li.has-and>ul.and>li.has-and::before{top:50%}
|
||||
.tree.vertical li.has-and>ul.and>li.has-and:first-child::after{top:50%;height:50%}
|
||||
.tree.vertical li.has-and>ul.and>li.has-and:last-child::after{top:0;height:50%}
|
||||
|
||||
Reference in New Issue
Block a user