Skip to content

fix(ui): wrap list toolbars instead of clipping their filters and counts - #1349

Merged
kvlonge merged 3 commits into
mainfrom
fix/ui-toolbar-wrap
Nov 8, 2026
Merged

kvlonge merged 3 commits into
mainfrom
fix/ui-toolbar-wrap

Conversation

@kvlonge

@kvlonge kvlonge commented Nov 7, 2026

Copy link
Copy Markdown
Contributor

Why

The list toolbar was a single fixed-height row. On pages with several filters and counts, or at narrower widths, the filters and counts ran past the right edge and were clipped.

Changes

  • The search box shrinks from 280 px down to 180 px before anything else moves.
  • Past that, the toolbar and its filter group wrap onto further rows; the toolbar keeps its 50 px minimum height.

Verification

  • Rendered the list pages with the UI's mock data at 1440 px and 900 px before and after: at 900 px the filters and counts were clipped before and wrap fully visible after; at 1440 px the layout is unchanged.
  • make check-ci passes locally.

DuckShop: not applicable; this is a UI layout change with no project shape, data value or lifecycle sequence.

The list toolbar was one fixed-height row, so pages with many filters or
counts pushed them past the right edge. The search box now shrinks first and
the toolbar then wraps onto further rows.
@kvlonge
kvlonge enabled auto-merge (squash) November 7, 2026 23:25
@kvlonge
kvlonge merged commit 702224e into main Nov 8, 2026
31 checks passed
@kvlonge
kvlonge deleted the fix/ui-toolbar-wrap branch November 8, 2026 00:57
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