riki/treehouse
riki/treehouse
1
Fork 0
Code Issues 33 Activity

make it look presentable

Browse source
This commit is contained in:
りき萌 2023-08-18 19:25:38 +02:00
parent 91f5187ee6
commit 84ec91042e
7 changed files with 75 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

36
static/css/tree.css Normal file
View file

@ -0,0 +1,36 @@
/* The tree indents shouldn't be too spaced out */
.tree ul {
padding-left: 24px;
}
/* Make the tree have + and - instead of the default details/summary arrow */
.tree details>summary {
list-style: none;
cursor: pointer;
}
.tree li {
list-style: none;
}
.tree details>summary {
background-image: url('../svg/expand.svg');
background-repeat: no-repeat;
background-position: 0px 50%;
padding-left: 24px;
margin-left: -24px;
}
.tree li.leaf {
background-image: url('../svg/leaf.svg');
background-repeat: no-repeat;
background-position: 0px 50%;
padding-left: 24px;
margin-left: -24px;
}
.tree details[open]>summary {
background-image: url('../svg/collapse.svg');
}