2024-07-29 20:44:06 +00:00
|
|
|
.filepicker {
|
|
|
|
|
details:has(input[type=radio]:checked)>summary,
|
|
|
|
|
label:has(input[type=radio]:checked) {
|
|
|
|
|
background-color: lightblue;
|
|
|
|
|
}
|
2024-08-02 18:44:17 +00:00
|
|
|
.files, .directories {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
margin-top: 0.3em;
|
2024-07-29 20:44:06 +00:00
|
|
|
}
|
2024-08-02 18:44:17 +00:00
|
|
|
input[type="radio"] {
|
|
|
|
|
display: none;
|
2024-07-29 20:44:06 +00:00
|
|
|
}
|
2024-08-02 18:44:17 +00:00
|
|
|
details {
|
|
|
|
|
margin: 0 0 0.3em;
|
2024-07-29 20:44:06 +00:00
|
|
|
}
|
2024-08-02 18:44:17 +00:00
|
|
|
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;
|
2024-07-29 20:44:06 +00:00
|
|
|
}
|
|
|
|
|
max-height: 30em;
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
}
|
