Hive
feat(server, noora): update table design and improve UX
GitHub issue · Closed
Source
tuist/tuist #11253
Updated
Jun 24, 2026
A set of UX improvements to the Noora table component, applied across all dashboard tables:
- Floating header & scrollbar — on long tables, the header pins to the viewport top and a proxy scrollbar pins to the viewport bottom until the table’s own edge scrolls into view. Scrollbar styling is now consistent across engines: webkit-styled native bar in Chrome/Safari, and a custom synced, draggable bar on Firefox/overlay-scrollbar platforms.
https://github.com/user-attachments/assets/ddd46f97-54aa-4078-98e4-77503fad67e8
- Sortable columns — sortable headers take a sort_order attr and render a morphing arrow indicator (spring-animated path morph between up/down). Column widths are “ratcheted” (pinned as ever-growing min-width, only once a table overflows) so sorting no longer shifts columns left/right.
https://github.com/user-attachments/assets/f9299bcb-89c5-4cb1-ae87-6fc0f42b1b61
- Expandable rows — the expand chevron crossfades/rotates, and expanded content reveals with a 200ms ease-out-cubic grid-template-rows: 0fr ⟷ 1fr transition.
https://github.com/user-attachments/assets/4910b266-bf72-4e92-9bed-076bf0168dbd