35 lines
602 B
CSS
35 lines
602 B
CSS
.filepicker {
|
|
details:has(input[type=radio]:checked)>summary,
|
|
label:has(input[type=radio]:checked) {
|
|
background-color: lightblue;
|
|
}
|
|
.files, .directories {
|
|
margin-bottom: 0;
|
|
margin-top: 0.3em;
|
|
}
|
|
input[type="radio"] {
|
|
display: none;
|
|
}
|
|
details {
|
|
margin: 0 0 0.3em;
|
|
}
|
|
li {
|
|
list-style-type: "📄";
|
|
}
|
|
summary {
|
|
display: list-item;
|
|
list-style-position: outside;
|
|
details[open] > & {
|
|
list-style-type: "📂";
|
|
}
|
|
details:not([open]) > & {
|
|
list-style-type: "📁";
|
|
}
|
|
}
|
|
li, summary {
|
|
padding-left: 0.5em;
|
|
cursor: pointer;
|
|
}
|
|
max-height: 30em;
|
|
overflow-y: scroll;
|
|
} |