summaryrefslogtreecommitdiff
path: root/tools/mq_editor/style.css
diff options
context:
space:
mode:
authorskal <pascal.massimino@gmail.com>2026-02-18 21:07:40 +0100
committerskal <pascal.massimino@gmail.com>2026-02-18 21:07:40 +0100
commitfc9cfd50a584faa2f6621ea1b4ff4eeb6b50f8e4 (patch)
treebdf5f9e9c052b7bcb4d1c5e271c9b32410b6e472 /tools/mq_editor/style.css
parent04756e1c595c8c8391b1d6f2ee47dc34a6642c39 (diff)
fix(mq_editor): key '3' plays partial from t_start; add getAudioBuffer()
- synthesizeMQ output trimmed to [t_start-50ms, t_end+50ms] so playback starts immediately at the partial instead of t=0 - Extract synth+trim logic into getAudioBuffer(partials, margin=0) - Stack params vertically in dropdown (grid layout) handoff(Claude): partial playback and CSS param layout fixes Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'tools/mq_editor/style.css')
-rw-r--r--tools/mq_editor/style.css4
1 files changed, 2 insertions, 2 deletions
diff --git a/tools/mq_editor/style.css b/tools/mq_editor/style.css
index 87f033d..9563a57 100644
--- a/tools/mq_editor/style.css
+++ b/tools/mq_editor/style.css
@@ -29,9 +29,9 @@ button.contour-active { background: #145; border-color: #0cc; color: #aff; }
#paramsPanel { display: none; position: absolute; z-index: 200; top: 100%; left: 0; margin-top: 4px; background: #222; border: 1px solid #555; border-radius: 4px; padding: 6px 0; white-space: nowrap; box-shadow: 0 4px 12px rgba(0,0,0,.5); }
#paramsPanel.open { display: block; }
#paramsBtn.params-open { background: #4a4a4a; border-color: #888; }
-.param-group { display: flex; align-items: center; gap: 6px; padding: 5px 14px; border-bottom: 1px solid #333; }
+.param-group { display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; padding: 8px 14px; border-bottom: 1px solid #333; align-items: center; }
.param-group:last-child { border-bottom: none; }
-.group-label { font-size: 9px; color: #666; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; width: 80px; flex-shrink: 0; }
+.group-label { grid-column: 1 / -1; font-size: 9px; color: #666; text-transform: uppercase; letter-spacing: 1px; }
/* === Canvas & overlays === */
#canvas { border: 1px solid #555; background: #000; cursor: crosshair; display: block; flex-shrink: 0; }