lay out child nodes to right of parent

This commit is contained in:
Yisroel Baum 2026-05-04 09:36:10 +03:00
parent c493bef13d
commit e0be4bad11
Signed by: yisroelbaum
GPG key ID: 0FA60884F75520A9

View file

@ -444,6 +444,12 @@ form {
elements added.
*/
.node-tree ul {
display: flex;
flex-direction: column;
gap: var(--space-2);
}
.node-tree > ul {
border-left: 2px solid var(--color-border);
padding-left: var(--space-4);
@ -451,25 +457,24 @@ form {
.node-tree ul ul {
border-left: 1px solid var(--color-border);
margin-top: var(--space-2);
margin-left: var(--space-2);
margin-left: var(--space-3);
padding-left: var(--space-4);
}
.node-tree li {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-wrap: nowrap;
align-items: flex-start;
gap: var(--space-2);
padding: var(--space-2) 0;
}
.node-tree li > ul {
flex-basis: 100%;
margin-top: var(--space-2);
flex-shrink: 0;
}
.node-tree li > span {
flex-shrink: 0;
font-weight: 500;
}