JosLe/reaktor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: double-click knobs to type exact values

Browse Source 
Double-clicking a knob opens an inline text input for precise value
entry. Enter confirms, Escape cancels, blur auto-commits. Value is
clamped to the knob's min/max range. Styled to match the synth theme.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jose Luis
2026-03-21 02:17:07 +01:00
parent e077e7f553
commit 00c4ec8e00
2 changed files with 66 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/index.css
View File

@@ -168,6 +168,15 @@ html, body, #root {
.knob-fill { fill: none; stroke-width: 3; stroke-linecap: round; }
.knob-dot { fill: var(--text); }
.knob-editing { display: flex; align-items: center; justify-content: center; }
.knob-input {
width: 48px; height: 22px; padding: 0 4px;
background: var(--bg); border: 1px solid var(--accent); border-radius: 3px;
color: var(--accent); font-size: 11px; font-family: 'JetBrains Mono', monospace;
text-align: center; outline: none;
}
.knob-input:focus { box-shadow: 0 0 6px rgba(0,229,255,0.3); }
.param-value {
font-size: 10px; color: var(--accent); font-family: 'JetBrains Mono', monospace;
min-width: 40px; text-align: right;