yisroelbaum/Goal-Calibration
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

lay out child nodes to right of parent

Browse source
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
1 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

17
public/css/app.css
View file

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