Hive Hive
Sign in

fix(forage): keep meadow badges on one line and let the table scroll

GitHub issue · Closed

Metadata
Source
tuist/hive #48
Updated
Jun 24, 2026
Domains
Hive
Details

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-table min-width from 1120px to 1280px and rebalanced the column allocations so the Meadows column gets 18% (was 14%), giving badges room to breathe before the horizontal scrollbar kicks in.
  • Added white-space: nowrap and flex-shrink: 0 on .noora-badge inside [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: auto on 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).
Comments

No GitHub comments yet.