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

Show only the dots on More controls while A-B markers are present

Browse Source
This commit is contained in:
Claude
2026-10-01 21:09:59 +00:00
parent b3a43c66db
commit 9be4844b48
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/index.html
View File

@@ -187,7 +187,7 @@
<button id="abABtn" class="ctrl ab-ctrl" title="Set A-B loop start [A]">A</button> <button id="abABtn" class="ctrl ab-ctrl" title="Set A-B loop start [A]">A</button>
<button id="abBBtn" class="ctrl ab-ctrl" title="Set A-B loop end [B]">B</button> <button id="abBBtn" class="ctrl ab-ctrl" title="Set A-B loop end [B]">B</button>
<button id="abClearBtn" class="ctrl ab-ctrl hidden" title="Clear A-B loop">↺</button> <button id="abClearBtn" class="ctrl ab-ctrl hidden" title="Clear A-B loop">↺</button>
<button id="ctlMoreBtn" class="dk-more" type="button" aria-haspopup="dialog"><span>⋯ More<i class="mc-rest"> controls</i></span><small>Speed · Quality · A-B · Sleep · EQ</small></button> <button id="ctlMoreBtn" class="dk-more" type="button" aria-haspopup="dialog" title="More controls" aria-label="More controls"><span><em class="mc-dots">⋯</em><i class="mc-label"> More<i class="mc-rest"> controls</i></i></span><small>Speed · Quality · A-B · Sleep · EQ</small></button>
</div> </div>
<div id="dkMoreHost" hidden> <div id="dkMoreHost" hidden>
<button id="rememberPosBtn" class="ctrl" title="Remember playback position for this song (per playlist)">📍</button> <button id="rememberPosBtn" class="ctrl" title="Remember playback position for this song (per playlist)">📍</button>

4
frontend/refresh.css
View File

@@ -512,3 +512,7 @@
#controls .dk-quick.ab-on .dk-more span { white-space: nowrap; } #controls .dk-quick.ab-on .dk-more span { white-space: nowrap; }
#controls .dk-quick.ab-on #abABtn, #controls .dk-quick.ab-on #abBBtn, #controls .dk-quick.ab-on #abABtn, #controls .dk-quick.ab-on #abBBtn,
#controls .dk-quick.ab-on #abClearBtn:not(.hidden), #controls .dk-quick.ab-on #fsBtn { flex-basis: 52px; width: 52px; height: 52px; } #controls .dk-quick.ab-on #abClearBtn:not(.hidden), #controls .dk-quick.ab-on #fsBtn { flex-basis: 52px; width: 52px; height: 52px; }
#controls .dk-more em { font-style: normal; }
#controls .dk-quick.ab-on .mc-label { display: none; }
#controls .dk-quick.ab-on .dk-more span { font-size: 22px; line-height: 1; }
#controls .dk-quick.ab-on .dk-more { flex: 1 1 52px; min-width: 52px; }