akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-23 23:27:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add tree controls

Browse Source
This commit is contained in:
Misode
2020-06-17 22:22:59 +02:00
parent 13b21d3b72
commit d4b0e77957
8 changed files with 112 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/styles/nodes.css
View File

@@ -34,7 +34,7 @@
--category-function-border: #6b6b6b;
}
.tree > .object-node > .node-body,
.tree > div > .object-node > .node-body,
.choice-node > .object-node > .node-body {
border-left: none;
padding-left: 0;
@@ -136,6 +136,17 @@ button.selected {
border-color: var(--node-selected-border);
}
label.collapse {
display: inline-flex;
align-items: center;
}
label.collapse svg {
margin-right: 5px;
fill: var(--node-text);
transition: fill var(--style-transition);
}
label.collapse.closed,
button.add {
background-color: var(--node-add);
@@ -148,22 +159,13 @@ button.remove {
border-color: var(--node-remove-border);
}
label.collapse::before,
button.remove::before {
padding-right: 5px;
position: relative;
top: 3px;
}
button.remove::before,
button.add::after {
button.remove svg,
button.add svg {
display: inline-block;
position: relative;
top: 2px;
}
button.remove::before {
padding-right: 5px;
fill: var(--node-text);
transition: fill var(--style-transition);
}
.node-header > button.add:last-child {
@@ -171,16 +173,6 @@ button.remove::before {
border-bottom-right-radius: 6px;
}
label.collapse.closed::before,
button.add::after {
content: url('./images/plus.svg');
}
label.collapse.open::before,
button.remove::before {
content: url('./images/trash.svg');
}
.node-header[data-error] > svg {
border: none;
height: 34px;