[verified] style: restore inline Play label
This commit is contained in:
1 parent
2da1586c06
commit
84ac6ad88a
2 files changed
+1
-13
No files matched your search
+1
-3
@@ -52,9 +52,7 @@ function render() {
|
||||
const track = el('p', 'track', zone.error || trackText);
|
||||
const controls = el('div', 'controls');
|
||||
for (const [icon, label, action] of [['▶','Play','play'], ['■','Stop','stop']]) {
|
||||
const button = el('button', action === 'play' ? 'stacked-play' : null);
|
||||
if (action === 'play') button.append(el('span', 'play-icon', icon), el('span', null, label));
|
||||
else button.textContent = `${icon} ${label}`;
|
||||
const button = el('button', null, `${icon} ${label}`);
|
||||
button.disabled = Boolean(zone.error);
|
||||
button.onclick = () => act(`/api/zones/${encodeURIComponent(zone.uid)}/transport`, 'POST', {action}); controls.append(button);
|
||||
}
|
||||
|
||||
@@ -107,16 +107,6 @@ button:hover, button:focus {
|
||||
|
||||
.controls button { flex: 1; }
|
||||
.controls + label { margin-top: 4px; }
|
||||
.controls .stacked-play {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 1px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.play-icon { line-height: 1; }
|
||||
.danger { color: var(--danger); }
|
||||
|
||||
.eq-controls {
|
||||
|
||||
Reference in new issue
Block a user