Home Original page

Fix UI Overflow when Github Action is 'Commit, Create & Push PR' by dbalders · Pull Request #771 · pingdotgg/t3code

AI review requested due to automatic review settings

March 10, 2026 02:42

@dbalders 

Fixes: pingdotgg#769

* Updated wording for label from 'Commit, Create & Push PR' to 'Commit, Create & PR' to allow for it to fit within the current UI size constraints.

wording change

juliusmarminge

daniel-bonaker-qestit added a commit to daniel-bonaker-qestit/t3code that referenced this pull request

Mar 13, 2026 
… flex distribution

The header split 50/50 between title and actions via two flex-1 divs,
causing the @container/header-actions query to measure only ~50% of
the header width. At 1100px window width the actions div was only ~367px
— below the @sm (384px) threshold — so button labels collapsed to icons
even though there was plenty of room.

- Move @container/header-actions from inner actions div to root div
- Change title div from flex-1 to flex-initial shrink
- Add overflow-hidden to actions div to prevent button overflow
- Revert label shortening from PR pingdotgg#771 (full text now fits)

Labels now stay visible until ~680px window width (vs ~1060px before).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

daniel-bonaker-qestit added a commit to daniel-bonaker-qestit/t3code that referenced this pull request

Mar 13, 2026 
… flex distribution

The header split 50/50 between title and actions via two flex-1 divs.
Both children had flex: 1 1 0%, giving the actions div only 398px at
1100px viewport — barely above the @sm (384px) threshold. Labels
collapsed to icons at ~1060px even though there was plenty of room.

- Change title div from flex-1 to flex-initial shrink so it takes
  only its content width instead of always claiming 50%
- Add overflow-hidden to actions div to prevent button overflow
- Revert label shortening from PR pingdotgg#771 (full text now fits)

The @container/header-actions query stays on the actions div, now
measuring ~660px at 1100px (actual available space) instead of 398px.
Labels stay visible until the viewport genuinely gets tight.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>