Hive Hive
Sign in

feat(server, noora): update table design and improve UX

GitHub issue · Closed

Metadata
Source
tuist/tuist #11253
Updated
Jun 24, 2026
Details

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

Comments
TA
tuist-atlas[bot] Jun 20, 2026

The table design and UX improvements described in this PR are now available. Update to xcresult-processor-image@0.26.5 to use them.