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

Move secondary player controls into a More controls sheet

Browse Source
This commit is contained in:
Claude
2026-10-01 20:58:15 +00:00
parent 88f878b8eb
commit 9f313f61af
3 changed files with 91 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/refresh.css
View File

@@ -447,3 +447,19 @@
.more-go { color: var(--text-dim); font-size: 22px; }
.more-row.danger b { color: #ff8a80; }
.more-row.danger .more-ico { background: rgba(255, 75, 50, 0.16); }
/* ---- Deck: quick row + More controls ---- */
#controls #dkMoreHost { display: none; }
#controls .dk-quick { display: flex; gap: 8px; align-items: stretch; }
#controls .dk-quick .ctrl { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 16px; font-size: 20px; }
#controls .dk-more {
flex: 1; min-width: 0; padding: 6px 14px; text-align: left; cursor: pointer;
display: flex; flex-direction: column; justify-content: center; gap: 2px;
border-radius: 16px; border: 1px solid var(--line); background: transparent; color: var(--text);
}
#controls .dk-more span { font: 700 14px var(--ui); }
#controls .dk-more small { font: 400 11.5px var(--ui); color: var(--text-dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#controls .dk-more:hover { border-color: var(--accent); }
.more-row.on .more-go { color: var(--accent-bright); }
.more-row.on { border-color: color-mix(in srgb, var(--accent) 55%, transparent); }
.more-sel { margin-left: auto; min-width: 96px; height: 38px; padding: 0 8px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg-1); color: var(--text); font: 700 14px var(--mono); }