Hive
fix(forage): keep meadow badges on one line and let the table scroll
GitHub issue · Closed
Source
tuist/hive #48
Updated
Jun 24, 2026
Domains
Hive
Summary
- The forage items table had two visible UX issues: when a meadow name was multi-word (e.g. “Generated projects”), the badge label would wrap onto two lines inside the cell, and the table itself wasn’t getting enough breathing room before the columns started squishing.
- Bumped
#forage-items-tablemin-widthfrom1120pxto1280pxand rebalanced the column allocations so the Meadows column gets18%(was14%), giving badges room to breathe before the horizontal scrollbar kicks in. - Added
white-space: nowrapandflex-shrink: 0on.noora-badgeinside[data-part="item-table-meadows"], so individual meadow labels stay on one line; multiple badges still wrap across rows of the cell when needed, but no single badge breaks its own label. - Pure CSS change scoped to the forage route stylesheet; the existing
overflow-x: autoon the table wrapper already provided the scroll context, so this just makes it activate at a more useful breakpoint.
Testing
- Not run (visual CSS change verified against the reported screenshot; no automated coverage for this).
No GitHub comments yet.