Garmelon/forest
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[web] Connect to server

Browse source 
The individual components are more-or-less working, but the code that glues them
together is still pretty ugly. I should probably revisit and clean up the
individual components too. Also, the cursor code is missing a few features, but
everything is usable for the first time :D
This commit is contained in:
Joscha 2020-03-18 18:08:04 +00:00
parent 78235ef7cf
commit 54795b81ac
2 changed files with 124 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

12
forest-web/node.css
View file

@ -29,21 +29,21 @@
}
/* Fancy tree lines */
.node, .node::before {
.node-children > *, .node-children > *::before {
border-color: var(--bright-black);
border-width: 2px;
}
.node-children > .node {
.node-children > * {
position: relative; /* .node is containing block for its .node::before */
margin-left: calc(0.5ch - 1px);
padding-left: calc(1.5ch - 1px);
border-left-style: solid;
}
.node-children > .node:last-child {
.node-children > *:last-child {
padding-left: calc(1.5ch + 1px);
border-left-style: none;
}
.node-children > .node::before {
.node-children > *::before {
content: "";
position: absolute;
left: 0;
@ -52,9 +52,9 @@
height: calc(0.6em - 1px);
border-bottom-style: solid;
}
.node-children > .node:last-child::before {
.node-children > *:last-child::before {
border-left-style: solid;
transition: all 0.4s;
transition: border-bottom-left-radius 0.4s;
}
/* Curvy lines */