davejansen/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2026-05-05 06:01:22 +09:00
Code Issues Activity

add a treeview and start the readme

Browse Source
This commit is contained in:
Jordan Scales
2020-04-18 15:39:47 -04:00
parent 0cbf7e5305
commit 666d3457a6
3 changed files with 193 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
style.css
View File

@@ -349,10 +349,61 @@ a:focus {
outline: 1px dotted var(--link-blue);
}
#panel {
width: 168px;
height: 120px;
overflow: scroll;
ul.treeview {
background: var(--button-highlight);
box-shadow: var(--border-field);
padding: 6px 20px 6px 6px;
}
ul.treeview li {
list-style-type: none;
}
ul.treeview a {
text-decoration: none;
color: #000;
}
ul.treeview a:focus {
background-color: var(--dialog-blue);
color: var(--button-highlight);
}
ul.treeview ul,
ul.treeview li {
margin-top: 3px;
}
ul.treeview ul {
margin-left: 16px;
padding-left: 16px;
/* Goes down too far */
border-left: 1px dotted #808080;
}
ul.treeview ul > li {
position: relative;
}
ul.treeview ul > li::before {
content: "";
display: block;
position: absolute;
left: -16px;
top: 6px;
width: 12px;
border-bottom: 1px dotted #808080;
}
/* Cover the bottom of the left dotted border */
ul.treeview ul > li:last-child::after {
content: "";
display: block;
position: absolute;
left: -20px;
top: 7px;
bottom: 0px;
width: 8px;
background: var(--button-highlight);
}
::-webkit-scrollbar {