Skip to content

fix(ui): stop the worktrees table from always stacking inside settings#103899

Merged
steipete merged 1 commit into
mainfrom
fix/worktrees-table-settings-breakpoint
Jul 10, 2026
Merged

fix(ui): stop the worktrees table from always stacking inside settings#103899
steipete merged 1 commit into
mainfrom
fix/worktrees-table-settings-breakpoint

Conversation

@steipete

Copy link
Copy Markdown
Contributor

What Problem This Solves

Settings caps its content column (.settings-workspace) at 1120px, while the Worktrees table stacked to a single column at container widths <= 1100px. The table container inside the settings card is ~1080px, so the managed-worktrees table rendered as a stacked field list at every window size — the 7-column grid (Name / Repository / Branch / Owner / Status / Last active / Actions) was unreachable.

Why This Change Was Made

The stack breakpoint predates the settings width cap (came in with #100535) and was never reachable as a "wide" layout inside Settings. Lowering the media + container breakpoints to 900px lets the grid render in the settings shell while still stacking on genuinely narrow screens. Follow-up polish for the Worktrees page shipped in #103526 (issue #103431).

User Impact

Settings -> Worktrees shows a proper table again instead of one stacked card per worktree.

Evidence

Stacked before (any window size):

worktrees stacked

Grid after (1800px window, mock-gateway harness):

worktrees grid

CSS-only change; verified in the Control UI e2e mock-gateway harness via Playwright screenshots above.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

app: web-ui App: web-ui maintainer Maintainer-authored PR size: XS

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant