Chapter picker: tap the chapter badge to jump to any chapter

The CH badge by the scrubber is now a button opening a list of every chapter
(number, title, start time); the playing one is highlighted and scrolled into
view, a tap seeks there (and resumes if paused). Works with shared chapters and
YouTube's.
This commit is contained in:
Jonathan Sykes
2026-10-03 07:50:15 +08:00
parent ea9e11d054
commit 5d94acf3f0
4 changed files with 62 additions and 2 deletions

View File

@@ -380,3 +380,8 @@ html[data-layout="glass-stage"] .svc-tile { min-height: 58px; padding: 8px 4px 7
html[data-layout="glass-stage"] .svc-tile .svc-ico { width: 20px; height: 20px; }
html[data-layout="glass-stage"] .svc-font { height: 36px; }
html[data-layout="glass-stage"] .svc-font button { width: 28px; height: 30px; }
/* Chapter badge opens the chapter picker */
html[data-layout="glass-stage"] #controls .ch-badge { cursor: pointer; font-family: var(--mono); transition: background .15s, border-color .15s; }
html[data-layout="glass-stage"] #controls .ch-badge:hover { background: rgba(255, 255, 255, 0.12); border-color: var(--accent); }
html[data-layout="glass-stage"] #controls .ch-badge:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }