lay out child nodes to right of parent
This commit is contained in:
parent
c493bef13d
commit
e0be4bad11
1 changed files with 11 additions and 6 deletions
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue