Skip to content

fix(web): collapse Initialize Git label in narrow chat headers - #24

Merged
gfsaaser24 merged 1 commit into
mainfrom
t3code/fix-init-git-overlap
Aug 5, 2026
Merged

gfsaaser24 merged 1 commit into
mainfrom
t3code/fix-init-git-overlap

Conversation

@gfsaaser24

Copy link
Copy Markdown
Owner

In split chat panes the "Initialize Git" button overflowed the header actions row and overlapped neighboring header UI. Every other header action collapses its label below the @3xl/header-actions container breakpoint; the not-a-repo Initialize Git button was the one control that kept its full-width label inside the shrink-0 actions row.

-<span className="ml-0.5">
+<span className="sr-only @3xl/header-actions:not-sr-only @3xl/header-actions:ml-0.5">
   {initAction.isPending ? "Initializing..." : "Initialize Git"}
 </span>

Same collapse pattern as the sibling git quick-action buttons (GitActionsControl.tsx repo-state branch, ProjectScriptsControl, OpenInPicker): icon-only in narrow panes, label returns at @3xl, text stays screen-reader accessible.

Fable 5 via T3 Turbo (claudeAgent).

🤖 Generated with Claude Code

Every chat-header action collapses its text label to sr-only below the
@3xl/header-actions container breakpoint except the not-a-repo
Initialize Git button, which kept its full-width label inside the
shrink-0 actions row. In split chat panes the row's minimum width then
exceeded the pane and the button overflowed into neighboring header UI.
Apply the same container-query collapse the sibling git buttons use.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@github-actions github-actions Bot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:XS labels Aug 5, 2026
@gfsaaser24
gfsaaser24 merged commit c003bb0 into main Aug 5, 2026
12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS vouch:trusted PR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant