web: fold a folder's rows without folding its frames

This commit is contained in:
2026-09-28 19:34:37 +07:00
parent 2b45419ec4
commit 2c78ff80e8
3 changed files with 81 additions and 6 deletions
+16 -1
View File
@@ -1033,7 +1033,22 @@ input[type="range"] { width: 100%; accent-color: var(--accent); }
text-overflow: ellipsis;
white-space: nowrap;
}
.lib-root .adm-album { padding: 6px 8px; gap: 6px; }
.lib-root .adm-album { padding: 6px 8px; gap: 6px; justify-content: flex-start; }
.lib-root .adm-album-name { flex: 1 1 auto; min-width: 0; }
/* The caret column: pointing right where a row's children are folded away, down
where they are drawn, and empty on a leaf so names at one depth line up. */
.lib-caret {
flex: 0 0 auto;
width: 0;
height: 0;
border-left: 4.5px solid currentColor;
border-top: 3.5px solid transparent;
border-bottom: 3.5px solid transparent;
opacity: 0.5;
transition: transform 0.15s ease;
}
.lib-caret.open { transform: rotate(90deg); }
.lib-caret.leaf { border-left-color: transparent; }
/* A roll being read turns a ring on its own row. */
.lib-spin {
flex: 0 0 auto;