errilaz/98se.css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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
No known key found for this signature in database
GPG key ID: CD0B1EEC7A35239E
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);