josh/ytplayer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Settings: the saved-videos list folds

Browse Source 
Settings → Offline cache lists every saved video; it now sits in a collapsible
'Saved videos' section showing the count and total size, closed by default,
remembering how it was left.
This commit is contained in:
Jonathan Sykes
2026-10-03 07:57:21 +08:00
parent 258aad83dd
commit 2c6f285cfe
2 changed files with 30 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/styles.css
View File

@@ -4333,3 +4333,21 @@ html.ios-nozoom, html.ios-nozoom body { touch-action: manipulation; }
.ch-pick-t { font: 500 12.5px var(--mono, ui-monospace, monospace); color: var(--text-dim); font-variant-numeric: tabular-nums; }
.ch-pick.on { background: color-mix(in srgb, var(--accent) 16%, var(--bg-2)); border-color: color-mix(in srgb, var(--accent) 55%, transparent); }
.ch-pick.on .ch-pick-n, .ch-pick.on .ch-pick-t { color: var(--accent-bright); }
/* Settings → Offline cache: the saved-videos list folds */
.cache-fold { margin-top: 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-1); }
.cache-fold > summary {
list-style: none; display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px;
cursor: pointer; font-weight: 600; color: var(--text); border-radius: 12px;
}
.cache-fold > summary::-webkit-details-marker { display: none; }
.cache-fold > summary::before {
content: ""; flex: none; width: 7px; height: 7px; margin-right: 2px;
border-right: 2px solid var(--text-dim); border-bottom: 2px solid var(--text-dim);
transform: rotate(-45deg); transition: transform .18s ease;
}
.cache-fold[open] > summary::before { transform: rotate(45deg); }
.cache-fold > summary:hover { background: var(--bg-2); }
.cache-fold > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.cache-fold-count { margin-left: auto; font-weight: 500; font-size: 13px; color: var(--text-dim); font-variant-numeric: tabular-nums; }
.cache-fold > .cache-list { margin: 0; padding: 4px 10px 10px; }