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

Add a mobile section rail that follows the scroll, jumps between cards and folds the one you are on

Browse Source
This commit is contained in:
Jonathan Sykes
2026-09-22 13:47:26 +08:00
parent 987697e759
commit 530d07d920
4 changed files with 333 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/index.html
View File

@@ -242,6 +242,7 @@
<button class="notes-tab" data-tab="markers" role="tab" type="button">Chapters &amp; bookmarks <span id="markersCount" class="notes-count"></span></button>
<button class="notes-tab" data-tab="search" role="tab" type="button">🔎 Search</button>
<span id="notesStatus" class="notes-status"></span>
<button id="notesFoldBtn" class="notes-fold" type="button" aria-expanded="true" title="Fold this card">▾</button>
</div>
<div id="lyricsPane" class="notes-pane">
@@ -353,6 +354,10 @@
</div>
<!-- Service mode (set-list view) overlay -->
<!-- Mobile: floating rail that jumps between the cards on this page and
follows the scroll. Tapping the active icon folds that card. -->
<nav id="sectionRail" class="sec-rail hidden" aria-label="Jump to a section"></nav>
<section id="serviceMode" class="service-mode hidden" aria-label="Service Mode">
<div class="service-topbar">
<div id="serviceWakeState" class="service-wake-state">Screen may sleep</div>