mirror of
https://github.com/coder/coder.git
synced 2026-09-24 15:04:27 +08:00
TJandJaayden Halko
78986efed8
## Problem When the workspaces table transitions between states (loading → populated, or populated → empty search results), the table column headers visibly jump. This happens because the Actions column's width is content-driven: when workspace rows are present, the action buttons give it intrinsic width, shrinking the Name/Template/Status columns. When the body is empty or loading, the Actions column collapses to zero, and the other columns expand to fill the space. ## Solution Hide the header content during loading and empty states using `visibility: hidden` (Tailwind's `invisible` class), which preserves the row's layout height but hides the text. This prevents the visual jump since headers aren't visible during the states where column widths differ. - **Loading**: first column shows a skeleton bar matching the body skeleton aesthetic; other columns are invisible - **Empty search results**: all header content is invisible - **Populated**: headers display normally --------- Co-authored-by: Jaayden Halko <jaayden@coder.com>