More actions
Created page with ".hierarchy-tree { display: flex; flex-flow: column nowrap; height: max-content; } .hierarchy-tree .__item { position: relative; →absolute positioning target: } .hierarchy-tree > .-tree-indent { padding-left: 24px; }" |
No edit summary |
||
Line 9: | Line 9: | ||
.hierarchy-tree > .-tree-indent { | .hierarchy-tree > .-tree-indent { | ||
padding-left: 24px; | padding-left: 24px; | ||
position: relative; | |||
} | |||
.hierarchy-tree > .-tree-indent::after { | |||
left: -13px; | |||
width: 2px; | |||
top: 0; | |||
bottom: 0; | |||
display: block; | |||
content: ""; | |||
background-color: var(--color-base); | |||
} | } |
Revision as of 03:11, 14 December 2024
.hierarchy-tree {
display: flex;
flex-flow: column nowrap;
height: max-content;
}
.hierarchy-tree .__item {
position: relative; /* absolute positioning target */
}
.hierarchy-tree > .-tree-indent {
padding-left: 24px;
position: relative;
}
.hierarchy-tree > .-tree-indent::after {
left: -13px;
width: 2px;
top: 0;
bottom: 0;
display: block;
content: "";
background-color: var(--color-base);
}