make object list collapsible

This commit is contained in:
Stewart Allen 2024-12-04 16:55:31 -05:00
commit b374084414
2 changed files with 28 additions and 2 deletions

View file

@ -184,6 +184,30 @@ th, tr, td, span, div, label, button {
th, tr, td, label {
white-space: nowrap;
}
details > summary {
list-style: none;
}
details > summary::-webkit-details-marker {
display: none;
}
details > summary::before {
content: "";
}
details > summary {
position: relative;
cursor: pointer;
}
details > summary::after {
content: "▸";
position: absolute;
right: 5px;
font-size: 1em;
transform: rotate(-90deg);
transition: transform 0.2s ease;
}
details[open] > summary::after {
transform: rotate(90deg);
}
/* container for entire page / app */
#app {