peachy/assets/static/css/filepicker.css
2024-08-02 12:44:17 -06:00

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;
}