Merge shuffle, repeat list and loop one into one playback mode button
This commit is contained in:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user