Skip to content

fix(ui): fold tag filters and card tags on large projects - #9

Merged
piekstra merged 2 commits into
mainfrom
piekstra/flows-tags
Oct 8, 2026
Merged

piekstra merged 2 commits into
mainfrom
piekstra/flows-tags

Conversation

@piekstra

@piekstra piekstra commented Oct 8, 2026

Copy link
Copy Markdown
Member

On a project with many flows, the tag filter row listed every tag and could fill half the screen, and card tags were clipped mid-word against the "never run" label.

  • The filter row shows the 12 most used tags (then by name), any selected tag, and a "N more" button that expands to all of them.
  • A card shows two tags and a "+N" count; the hidden tags are in its tooltip.

Captured from a 20-flow sample project with 38 tags at 1280x720.

Before After
before after

Expanded:

expanded

@piekstra

piekstra commented Oct 8, 2026

Copy link
Copy Markdown
Member Author

Review fixes: a selected tag that no flow has any more stays in the row so it can be cleared; the expand button has aria-expanded and the +N chip an aria-label; docs/ui.md describes the fold.

@piekstra
piekstra marked this pull request as ready for review October 8, 2026 16:39
@piekstra
piekstra merged commit 4b69ca4 into main Oct 8, 2026
5 checks passed
@piekstra
piekstra deleted the piekstra/flows-tags branch October 8, 2026 16:39
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.

1 participant