Skip to content

fix: keep a TONE3000 capture's name readable on a card with few knobs - #54

Merged
patrickiel merged 1 commit into
mainfrom
issue-6-tone3000-model-name-narrow-card
Nov 10, 2026
Merged

patrickiel merged 1 commit into
mainfrom
issue-6-tone3000-model-name-narrow-card

Conversation

@patrickiel

Copy link
Copy Markdown
Owner

What changed

  • Width (ModuleCard.svelte): the capture selector row is locked to the knob grid's width. With one knob column (4rem), the two step arrows left the trigger about 8px, so no name showed. When a tone has several captures, the controls column now gets min-w-52 (13rem, the width of the template's three-column, six-knob grid). A sparse TONE3000 card is now as wide as a normal one, and its knobs centre inside it.
  • No knobs: the card body only rendered when there were knobs or the editor was open, so a TONE3000 module with zero knobs lost its photo and selector entirely. The body now also renders when there is artwork or a capture selector.
  • Truncate from the start (Select.svelte, new truncate?: 'end' | 'start', defaults to 'end'): captures of one tone share their first words and differ at the end, and a trailing ellipsis cut off the only distinguishing part. The capture selector uses truncate="start", so its trigger reads … Channel (mid gain). This uses the rtl ellipsis trick, with a <bdi> so trailing punctuation stays in place. Every other Select is unchanged.

Verification

  • pnpm format, pnpm check (0 errors), pnpm test (784 passed); svelte-autofixer clean on both files.
  • In pnpm dev (MockEngine), a TONE3000 module with long capture names:
    • 1 knob: the trigger shows … Channel (mid gain) and both arrows; the menu lists the full names.
    • 0 knobs: the photo and selector render.

Closes #6

The capture selector took the knob grid's width, so a tone with a single
knob left the trigger a sliver beside its two arrows, and a tone with no
knobs lost its body - photograph and selector - entirely. The controls
column now holds the width of the template's three-column grid whenever
there is a selector, and the body renders for a TONE3000 tone whatever
its knobs.

Captures of one tone share their opening words and differ in the last
ones, so the selector now truncates from the start (a new
`truncate="start"` on Select) and keeps "(mid gain)" / "(high gain)"
visible.

Closes #6
@patrickiel
patrickiel merged commit 33bf85f into main Nov 10, 2026
6 of 7 checks passed
@patrickiel
patrickiel deleted the issue-6-tone3000-model-name-narrow-card branch November 10, 2026 20:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: TONE3000 patces layout issue

1 participant