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 support for expandable file tree with details

Browse Source
This commit is contained in:
Mu-An Chiou
2020-04-26 23:07:20 -04:00
parent 6f56cce053
commit c258457c9e
2 changed files with 63 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
style.css
View File

@@ -490,6 +490,38 @@ ul.tree-view ul > li:last-child::after {
background: var(--button-highlight);
}
ul.tree-view details {
margin-top: 0;
}
ul.tree-view details[open] summary {
margin-bottom: 0;
}
ul.tree-view ul details > summary:before {
margin-left: -22px;
position: relative;
z-index: 1;
}
ul.tree-view details > summary:before {
text-align: center;
display: block;
float: left;
content: '+';
border: 1px solid #808080;
width: 8px;
height: 9px;
line-height: 9px;
margin-right: 5px;
padding-left: 1px;
background-color: #fff;
}
ul.tree-view details[open] > summary:before {
content: '-'
}
pre {
display: block;
background: var(--button-highlight);