Merge shuffle, repeat list and loop one into one playback mode button

This commit is contained in:
Claude
2026-10-01 21:03:48 +00:00
parent f9cb7edeb2
commit 25e7a28b6a
3 changed files with 64 additions and 8 deletions

View File

@@ -471,3 +471,18 @@
#controls .deck-main .ctrl.play svg { width: 34px; height: 34px; }
#controls .deck-main .ctrl { display: grid; place-items: center; }
#controls .ctrl.active svg { filter: drop-shadow(0 0 6px var(--accent-glow)); }
/* One playback-mode button + mute in the transport row */
#controls .deck-main { grid-template-columns: 1fr 1fr 1.5fr 1fr 1fr; }
#controls #dkModeHost { display: none; }
#controls #modeBtn { position: relative; }
#controls #modeBtn:not(.active) { color: var(--text-dim); }
#controls #modeBtn[data-badge]:not([data-badge=""])::after {
content: attr(data-badge); position: absolute; right: 4px; top: 4px;
font: 800 12px/1 var(--ui); color: var(--accent-bright);
}
#controls .deck-main #muteBtn { font-size: 20px; }
#controls .dk-quick .ctrl { display: none; }
#controls .dk-quick #fsBtn { display: grid; }
#controls .deck-main #modeBtn { order: 1; }
#controls .deck-main #muteBtn { order: 5; }