fix(web): line up the titlebar wordmark label and version pill - #9255

Merged
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment
Sep 3, 2026
Merged

fix(web): line up the titlebar wordmark label and version pill#9255
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment

Conversation

@tristanmanchester

@tristanmanchestertristanmanchester commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

In the titlebar, the sidebar toggle, the T3 wordmark, "Code", and the version pill did not sit on one line: "Code" rode 1px above the wordmark's baseline, and the pill's label sat high inside its pill (by 0.5–1.5 device px depending on renderer zoom).

Two causes, two one-line fixes:

  • "Code" label. Drop the -translate-y-px nudge. The wordmark is 10px of caps and SF Pro's cap height at 14px is 9.86px, so with no offset the two share a baseline and cap line (at 2×, both baselines land on device row 61 and both cap tops on row 42).
  • Small badge leading.Badgesize="sm" inherited text-xs's fractional 13.33px line-height for its 10px label; Chromium rounds the font metrics to whole device pixels, which pushes the glyphs up in the fixed-height box, and fractional zoom levels make it worse. leading-none centres the label within ±0.5 device px at 1×, 1.31×, 1.44×, and 2× (measured by rendering the lockup with the app's dev CSS at each scale). The 20px mobile size already had integer leading and is unchanged.

Verified with targeted lint and 2× captures of the web client (dark theme, version pill).

Before

Before: "Code" and the pill label both sit above the wordmark's centre line

After

After: toggle, wordmark, "Code", and pill label share one centre line

Generated with Claude Fable 5.1 in Claude Code.

🤖 Generated with Claude Code

https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c


Note

Low Risk
Pure CSS/visual tweaks in the titlebar brand and shared small badge styling; no logic, auth, or data changes.

Overview
Fixes vertical misalignment in the sidebar titlebar so the T3 wordmark, Code label, and environment version pill read on one optical line.

The Code text next to the wordmark no longer uses a 1px upward translate; that nudge had pushed the label above the wordmark baseline. Small Badge pills (size="sm", including the titlebar version pill) now use leading-none so fractional text-xs line-height does not leave labels sitting high inside the fixed-height box, especially at non-integer zoom.

Reviewed by Cursor Bugbot for commit 3d846e5. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Align wordmark label and version pill in titlebar

Removes the 1px vertical shift from the SidebarBrand wordmark text in SidebarChrome.tsx. Sets zero line-height for small badgeVariants in badge.tsx to center labels inside fixed-height badges.

Macroscope summarized 3d846e5.

"Code" rode 1px above the T3 wordmark's baseline because of a
-translate-y-px nudge; without it the 14px label's cap height matches the
10px wordmark and the two share a baseline.
The version pill's label sat high inside its pill: Badge size="sm" inherited
text-xs's fractional 13.33px leading for its 10px label, and Chromium's
integer rounding of the font metrics pushed the glyphs up, more so under
renderer zoom. leading-none centres it within half a device pixel at 1x,
1.31x, 1.44x and 2x. The 20px mobile size already had integer leading.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c
@chatgpt-codex-connector

chatgpt-codex-connectorBot commented Sep 2, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

ReviewStatusCommitReview trigger
📝 Code ReviewCompleted2026-09-02T19:07:20.979919Z0231b8cPR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Sep 2, 2026
@macroscopeapp

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved at 0231b8c

Macroscope's review found this PR approvable — This is a contained visual correction: it adjusts the existing wordmark label position and the line-height of small badges, with no changes to behavior, data, workflows, or product defaults. The shared badge styling has a small broader visual effect, but its impact is limited and readily understandable.

You can add or adjust custom eligibility rules. Learn more.

@maria-rcks
maria-rcks merged commit 12f1fc4 into pingdotgg:mainSep 3, 2026
25 checks passed
@tristanmanchester
tristanmanchester deleted the fix/titlebar-brand-alignment branch September 3, 2026 03:12
github-actionsBot added a commit to omarcresp/t3code-flake that referenced this pull request Sep 3, 2026
## What's Changed
* chore(ci): only run check-run agents on vouched contributors by @juliusmarminge in pingdotgg/t3code#9298
* fix(web): stop remounting markdown on every activity delta by @juliusmarminge in pingdotgg/t3code#9306
* fix(pull-requests): keep cached PR chrome on reopen by @maria-rcks in pingdotgg/t3code#9294
* feat(environments): draw each environment as the machine it runs on by @juliusmarminge in pingdotgg/t3code#9299
* feat(web): apply and remove labels from the pull request tab by @juliusmarminge in pingdotgg/t3code#9313
* fix(sidebar): collapse settled and snoozed shelves by default by @maria-rcks in pingdotgg/t3code#9314
* refactor(media): unify file and media previews across clients by @juliusmarminge in pingdotgg/t3code#9253
* fix(chat): keep live tool labels in present tense by @maria-rcks in pingdotgg/t3code#9316
* chore: audit lint directives and move plugin allowlists into config by @juliusmarminge in pingdotgg/t3code#9300
* chore(ci): narrow the Effect conventions check-run agent by @juliusmarminge in pingdotgg/t3code#9321
* refactor(mobile): style plain views with Uniwind classes instead of the theme bridge by @juliusmarminge in pingdotgg/t3code#9322
* fix(dev): share dev servers on the loopback Vite actually binds by @juliusmarminge in pingdotgg/t3code#9324
* fix(web): line up the titlebar wordmark label and version pill by @tristanmanchester in pingdotgg/t3code#9255
* fix(web): make the diff layout toggle a persisted setting by @juliusmarminge in pingdotgg/t3code#9326
* chore: dedupe lightningcss and tailwind node bindings by @juliusmarminge in pingdotgg/t3code#9331
* chore: upgrade vite-plus to 0.3.0 by @juliusmarminge in pingdotgg/t3code#9327
* feat(web): add a file tree to the diff panel and pull request code tab by @juliusmarminge in pingdotgg/t3code#9330
* feat(web): add PageUp/PageDown chat navigation by @Yash-Singh1 in pingdotgg/t3code#9315
* fix(web): collapse PR header actions to icons when narrow by @maria-rcks in pingdotgg/t3code#9334
* fix(web): resolve Vite sourcemap and supports warnings by @juliusmarminge in pingdotgg/t3code#9343
* feat(web): choose whether links open in the default browser or in T3 Code by @juliusmarminge in pingdotgg/t3code#9339
* fix(web): add press feedback to buttons by @maria-rcks in pingdotgg/t3code#9349
* feat(web): add customizable project icons by @saphid in pingdotgg/t3code#9137
* fix(mobile): stop indented code overflowing Android chat bubbles by @Adamulek123 in pingdotgg/t3code#9347
* fix(web): let the pull request list use wide screens by @juliusmarminge in pingdotgg/t3code#9351
* feat: display native app and browser icons in work logs by @Yash-Singh1 in pingdotgg/t3code#9093
## New Contributors
* @tristanmanchester made their first contribution in pingdotgg/t3code#9255
**Full Changelog**: pingdotgg/t3code@v0.0.39-nightly.20260903.1262...v0.0.39-nightly.20260903.1265
Upstream release: https://github.com/pingdotgg/t3code/releases/tag/v0.0.39-nightly.20260903.1265
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@tristanmanchester@maria-rcks
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

fix(web): line up the titlebar wordmark label and version pill - #9255

Merged
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment
Sep 3, 2026
Merged

fix(web): line up the titlebar wordmark label and version pill#9255
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment

Conversation

@tristanmanchester

@tristanmanchestertristanmanchester commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

In the titlebar, the sidebar toggle, the T3 wordmark, "Code", and the version pill did not sit on one line: "Code" rode 1px above the wordmark's baseline, and the pill's label sat high inside its pill (by 0.5–1.5 device px depending on renderer zoom).

Two causes, two one-line fixes:

  • "Code" label. Drop the -translate-y-px nudge. The wordmark is 10px of caps and SF Pro's cap height at 14px is 9.86px, so with no offset the two share a baseline and cap line (at 2×, both baselines land on device row 61 and both cap tops on row 42).
  • Small badge leading.Badgesize="sm" inherited text-xs's fractional 13.33px line-height for its 10px label; Chromium rounds the font metrics to whole device pixels, which pushes the glyphs up in the fixed-height box, and fractional zoom levels make it worse. leading-none centres the label within ±0.5 device px at 1×, 1.31×, 1.44×, and 2× (measured by rendering the lockup with the app's dev CSS at each scale). The 20px mobile size already had integer leading and is unchanged.

Verified with targeted lint and 2× captures of the web client (dark theme, version pill).

Before

Before: "Code" and the pill label both sit above the wordmark's centre line

After

After: toggle, wordmark, "Code", and pill label share one centre line

Generated with Claude Fable 5.1 in Claude Code.

🤖 Generated with Claude Code

https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c


Note

Low Risk
Pure CSS/visual tweaks in the titlebar brand and shared small badge styling; no logic, auth, or data changes.

Overview
Fixes vertical misalignment in the sidebar titlebar so the T3 wordmark, Code label, and environment version pill read on one optical line.

The Code text next to the wordmark no longer uses a 1px upward translate; that nudge had pushed the label above the wordmark baseline. Small Badge pills (size="sm", including the titlebar version pill) now use leading-none so fractional text-xs line-height does not leave labels sitting high inside the fixed-height box, especially at non-integer zoom.

Reviewed by Cursor Bugbot for commit 3d846e5. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Align wordmark label and version pill in titlebar

Removes the 1px vertical shift from the SidebarBrand wordmark text in SidebarChrome.tsx. Sets zero line-height for small badgeVariants in badge.tsx to center labels inside fixed-height badges.

Macroscope summarized 3d846e5.

"Code" rode 1px above the T3 wordmark's baseline because of a
-translate-y-px nudge; without it the 14px label's cap height matches the
10px wordmark and the two share a baseline.
The version pill's label sat high inside its pill: Badge size="sm" inherited
text-xs's fractional 13.33px leading for its 10px label, and Chromium's
integer rounding of the font metrics pushed the glyphs up, more so under
renderer zoom. leading-none centres it within half a device pixel at 1x,
1.31x, 1.44x and 2x. The 20px mobile size already had integer leading.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c
@chatgpt-codex-connector

chatgpt-codex-connectorBot commented Sep 2, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

ReviewStatusCommitReview trigger
📝 Code ReviewCompleted2026-09-02T19:07:20.979919Z0231b8cPR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Sep 2, 2026
@macroscopeapp

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved at 0231b8c

Macroscope's review found this PR approvable — This is a contained visual correction: it adjusts the existing wordmark label position and the line-height of small badges, with no changes to behavior, data, workflows, or product defaults. The shared badge styling has a small broader visual effect, but its impact is limited and readily understandable.

You can add or adjust custom eligibility rules. Learn more.

@maria-rcks
maria-rcks merged commit 12f1fc4 into pingdotgg:mainSep 3, 2026
25 checks passed
@tristanmanchester
tristanmanchester deleted the fix/titlebar-brand-alignment branch September 3, 2026 03:12
github-actionsBot added a commit to omarcresp/t3code-flake that referenced this pull request Sep 3, 2026
## What's Changed
* chore(ci): only run check-run agents on vouched contributors by @juliusmarminge in pingdotgg/t3code#9298
* fix(web): stop remounting markdown on every activity delta by @juliusmarminge in pingdotgg/t3code#9306
* fix(pull-requests): keep cached PR chrome on reopen by @maria-rcks in pingdotgg/t3code#9294
* feat(environments): draw each environment as the machine it runs on by @juliusmarminge in pingdotgg/t3code#9299
* feat(web): apply and remove labels from the pull request tab by @juliusmarminge in pingdotgg/t3code#9313
* fix(sidebar): collapse settled and snoozed shelves by default by @maria-rcks in pingdotgg/t3code#9314
* refactor(media): unify file and media previews across clients by @juliusmarminge in pingdotgg/t3code#9253
* fix(chat): keep live tool labels in present tense by @maria-rcks in pingdotgg/t3code#9316
* chore: audit lint directives and move plugin allowlists into config by @juliusmarminge in pingdotgg/t3code#9300
* chore(ci): narrow the Effect conventions check-run agent by @juliusmarminge in pingdotgg/t3code#9321
* refactor(mobile): style plain views with Uniwind classes instead of the theme bridge by @juliusmarminge in pingdotgg/t3code#9322
* fix(dev): share dev servers on the loopback Vite actually binds by @juliusmarminge in pingdotgg/t3code#9324
* fix(web): line up the titlebar wordmark label and version pill by @tristanmanchester in pingdotgg/t3code#9255
* fix(web): make the diff layout toggle a persisted setting by @juliusmarminge in pingdotgg/t3code#9326
* chore: dedupe lightningcss and tailwind node bindings by @juliusmarminge in pingdotgg/t3code#9331
* chore: upgrade vite-plus to 0.3.0 by @juliusmarminge in pingdotgg/t3code#9327
* feat(web): add a file tree to the diff panel and pull request code tab by @juliusmarminge in pingdotgg/t3code#9330
* feat(web): add PageUp/PageDown chat navigation by @Yash-Singh1 in pingdotgg/t3code#9315
* fix(web): collapse PR header actions to icons when narrow by @maria-rcks in pingdotgg/t3code#9334
* fix(web): resolve Vite sourcemap and supports warnings by @juliusmarminge in pingdotgg/t3code#9343
* feat(web): choose whether links open in the default browser or in T3 Code by @juliusmarminge in pingdotgg/t3code#9339
* fix(web): add press feedback to buttons by @maria-rcks in pingdotgg/t3code#9349
* feat(web): add customizable project icons by @saphid in pingdotgg/t3code#9137
* fix(mobile): stop indented code overflowing Android chat bubbles by @Adamulek123 in pingdotgg/t3code#9347
* fix(web): let the pull request list use wide screens by @juliusmarminge in pingdotgg/t3code#9351
* feat: display native app and browser icons in work logs by @Yash-Singh1 in pingdotgg/t3code#9093
## New Contributors
* @tristanmanchester made their first contribution in pingdotgg/t3code#9255
**Full Changelog**: pingdotgg/t3code@v0.0.39-nightly.20260903.1262...v0.0.39-nightly.20260903.1265
Upstream release: https://github.com/pingdotgg/t3code/releases/tag/v0.0.39-nightly.20260903.1265
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@tristanmanchester@maria-rcks
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix(web): line up the titlebar wordmark label and version pill - #9255

Merged
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment
Sep 3, 2026
Merged

fix(web): line up the titlebar wordmark label and version pill#9255
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment

Conversation

@tristanmanchester

@tristanmanchestertristanmanchester commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

In the titlebar, the sidebar toggle, the T3 wordmark, "Code", and the version pill did not sit on one line: "Code" rode 1px above the wordmark's baseline, and the pill's label sat high inside its pill (by 0.5–1.5 device px depending on renderer zoom).

Two causes, two one-line fixes:

  • "Code" label. Drop the -translate-y-px nudge. The wordmark is 10px of caps and SF Pro's cap height at 14px is 9.86px, so with no offset the two share a baseline and cap line (at 2×, both baselines land on device row 61 and both cap tops on row 42).
  • Small badge leading.Badgesize="sm" inherited text-xs's fractional 13.33px line-height for its 10px label; Chromium rounds the font metrics to whole device pixels, which pushes the glyphs up in the fixed-height box, and fractional zoom levels make it worse. leading-none centres the label within ±0.5 device px at 1×, 1.31×, 1.44×, and 2× (measured by rendering the lockup with the app's dev CSS at each scale). The 20px mobile size already had integer leading and is unchanged.

Verified with targeted lint and 2× captures of the web client (dark theme, version pill).

Before

Before: "Code" and the pill label both sit above the wordmark's centre line

After

After: toggle, wordmark, "Code", and pill label share one centre line

Generated with Claude Fable 5.1 in Claude Code.

🤖 Generated with Claude Code

https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c


Note

Low Risk
Pure CSS/visual tweaks in the titlebar brand and shared small badge styling; no logic, auth, or data changes.

Overview
Fixes vertical misalignment in the sidebar titlebar so the T3 wordmark, Code label, and environment version pill read on one optical line.

The Code text next to the wordmark no longer uses a 1px upward translate; that nudge had pushed the label above the wordmark baseline. Small Badge pills (size="sm", including the titlebar version pill) now use leading-none so fractional text-xs line-height does not leave labels sitting high inside the fixed-height box, especially at non-integer zoom.

Reviewed by Cursor Bugbot for commit 3d846e5. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Align wordmark label and version pill in titlebar

Removes the 1px vertical shift from the SidebarBrand wordmark text in SidebarChrome.tsx. Sets zero line-height for small badgeVariants in badge.tsx to center labels inside fixed-height badges.

Macroscope summarized 3d846e5.

"Code" rode 1px above the T3 wordmark's baseline because of a
-translate-y-px nudge; without it the 14px label's cap height matches the
10px wordmark and the two share a baseline.
The version pill's label sat high inside its pill: Badge size="sm" inherited
text-xs's fractional 13.33px leading for its 10px label, and Chromium's
integer rounding of the font metrics pushed the glyphs up, more so under
renderer zoom. leading-none centres it within half a device pixel at 1x,
1.31x, 1.44x and 2x. The 20px mobile size already had integer leading.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c
@chatgpt-codex-connector

chatgpt-codex-connectorBot commented Sep 2, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

ReviewStatusCommitReview trigger
📝 Code ReviewCompleted2026-09-02T19:07:20.979919Z0231b8cPR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Sep 2, 2026
@macroscopeapp

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved at 0231b8c

Macroscope's review found this PR approvable — This is a contained visual correction: it adjusts the existing wordmark label position and the line-height of small badges, with no changes to behavior, data, workflows, or product defaults. The shared badge styling has a small broader visual effect, but its impact is limited and readily understandable.

You can add or adjust custom eligibility rules. Learn more.

@maria-rcks
maria-rcks merged commit 12f1fc4 into pingdotgg:mainSep 3, 2026
25 checks passed
@tristanmanchester
tristanmanchester deleted the fix/titlebar-brand-alignment branch September 3, 2026 03:12
github-actionsBot added a commit to omarcresp/t3code-flake that referenced this pull request Sep 3, 2026
## What's Changed
* chore(ci): only run check-run agents on vouched contributors by @juliusmarminge in pingdotgg/t3code#9298
* fix(web): stop remounting markdown on every activity delta by @juliusmarminge in pingdotgg/t3code#9306
* fix(pull-requests): keep cached PR chrome on reopen by @maria-rcks in pingdotgg/t3code#9294
* feat(environments): draw each environment as the machine it runs on by @juliusmarminge in pingdotgg/t3code#9299
* feat(web): apply and remove labels from the pull request tab by @juliusmarminge in pingdotgg/t3code#9313
* fix(sidebar): collapse settled and snoozed shelves by default by @maria-rcks in pingdotgg/t3code#9314
* refactor(media): unify file and media previews across clients by @juliusmarminge in pingdotgg/t3code#9253
* fix(chat): keep live tool labels in present tense by @maria-rcks in pingdotgg/t3code#9316
* chore: audit lint directives and move plugin allowlists into config by @juliusmarminge in pingdotgg/t3code#9300
* chore(ci): narrow the Effect conventions check-run agent by @juliusmarminge in pingdotgg/t3code#9321
* refactor(mobile): style plain views with Uniwind classes instead of the theme bridge by @juliusmarminge in pingdotgg/t3code#9322
* fix(dev): share dev servers on the loopback Vite actually binds by @juliusmarminge in pingdotgg/t3code#9324
* fix(web): line up the titlebar wordmark label and version pill by @tristanmanchester in pingdotgg/t3code#9255
* fix(web): make the diff layout toggle a persisted setting by @juliusmarminge in pingdotgg/t3code#9326
* chore: dedupe lightningcss and tailwind node bindings by @juliusmarminge in pingdotgg/t3code#9331
* chore: upgrade vite-plus to 0.3.0 by @juliusmarminge in pingdotgg/t3code#9327
* feat(web): add a file tree to the diff panel and pull request code tab by @juliusmarminge in pingdotgg/t3code#9330
* feat(web): add PageUp/PageDown chat navigation by @Yash-Singh1 in pingdotgg/t3code#9315
* fix(web): collapse PR header actions to icons when narrow by @maria-rcks in pingdotgg/t3code#9334
* fix(web): resolve Vite sourcemap and supports warnings by @juliusmarminge in pingdotgg/t3code#9343
* feat(web): choose whether links open in the default browser or in T3 Code by @juliusmarminge in pingdotgg/t3code#9339
* fix(web): add press feedback to buttons by @maria-rcks in pingdotgg/t3code#9349
* feat(web): add customizable project icons by @saphid in pingdotgg/t3code#9137
* fix(mobile): stop indented code overflowing Android chat bubbles by @Adamulek123 in pingdotgg/t3code#9347
* fix(web): let the pull request list use wide screens by @juliusmarminge in pingdotgg/t3code#9351
* feat: display native app and browser icons in work logs by @Yash-Singh1 in pingdotgg/t3code#9093
## New Contributors
* @tristanmanchester made their first contribution in pingdotgg/t3code#9255
**Full Changelog**: pingdotgg/t3code@v0.0.39-nightly.20260903.1262...v0.0.39-nightly.20260903.1265
Upstream release: https://github.com/pingdotgg/t3code/releases/tag/v0.0.39-nightly.20260903.1265
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@tristanmanchester@maria-rcks
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix(web): line up the titlebar wordmark label and version pill - #9255

Merged
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment
Sep 3, 2026
Merged

fix(web): line up the titlebar wordmark label and version pill#9255
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment

Conversation

@tristanmanchester

@tristanmanchestertristanmanchester commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

In the titlebar, the sidebar toggle, the T3 wordmark, "Code", and the version pill did not sit on one line: "Code" rode 1px above the wordmark's baseline, and the pill's label sat high inside its pill (by 0.5–1.5 device px depending on renderer zoom).

Two causes, two one-line fixes:

  • "Code" label. Drop the -translate-y-px nudge. The wordmark is 10px of caps and SF Pro's cap height at 14px is 9.86px, so with no offset the two share a baseline and cap line (at 2×, both baselines land on device row 61 and both cap tops on row 42).
  • Small badge leading.Badgesize="sm" inherited text-xs's fractional 13.33px line-height for its 10px label; Chromium rounds the font metrics to whole device pixels, which pushes the glyphs up in the fixed-height box, and fractional zoom levels make it worse. leading-none centres the label within ±0.5 device px at 1×, 1.31×, 1.44×, and 2× (measured by rendering the lockup with the app's dev CSS at each scale). The 20px mobile size already had integer leading and is unchanged.

Verified with targeted lint and 2× captures of the web client (dark theme, version pill).

Before

Before: "Code" and the pill label both sit above the wordmark's centre line

After

After: toggle, wordmark, "Code", and pill label share one centre line

Generated with Claude Fable 5.1 in Claude Code.

🤖 Generated with Claude Code

https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c


Note

Low Risk
Pure CSS/visual tweaks in the titlebar brand and shared small badge styling; no logic, auth, or data changes.

Overview
Fixes vertical misalignment in the sidebar titlebar so the T3 wordmark, Code label, and environment version pill read on one optical line.

The Code text next to the wordmark no longer uses a 1px upward translate; that nudge had pushed the label above the wordmark baseline. Small Badge pills (size="sm", including the titlebar version pill) now use leading-none so fractional text-xs line-height does not leave labels sitting high inside the fixed-height box, especially at non-integer zoom.

Reviewed by Cursor Bugbot for commit 3d846e5. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Align wordmark label and version pill in titlebar

Removes the 1px vertical shift from the SidebarBrand wordmark text in SidebarChrome.tsx. Sets zero line-height for small badgeVariants in badge.tsx to center labels inside fixed-height badges.

Macroscope summarized 3d846e5.

"Code" rode 1px above the T3 wordmark's baseline because of a
-translate-y-px nudge; without it the 14px label's cap height matches the
10px wordmark and the two share a baseline.
The version pill's label sat high inside its pill: Badge size="sm" inherited
text-xs's fractional 13.33px leading for its 10px label, and Chromium's
integer rounding of the font metrics pushed the glyphs up, more so under
renderer zoom. leading-none centres it within half a device pixel at 1x,
1.31x, 1.44x and 2x. The 20px mobile size already had integer leading.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c
@chatgpt-codex-connector

chatgpt-codex-connectorBot commented Sep 2, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

ReviewStatusCommitReview trigger
📝 Code ReviewCompleted2026-09-02T19:07:20.979919Z0231b8cPR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Sep 2, 2026
@macroscopeapp

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved at 0231b8c

Macroscope's review found this PR approvable — This is a contained visual correction: it adjusts the existing wordmark label position and the line-height of small badges, with no changes to behavior, data, workflows, or product defaults. The shared badge styling has a small broader visual effect, but its impact is limited and readily understandable.

You can add or adjust custom eligibility rules. Learn more.

@maria-rcks
maria-rcks merged commit 12f1fc4 into pingdotgg:mainSep 3, 2026
25 checks passed
@tristanmanchester
tristanmanchester deleted the fix/titlebar-brand-alignment branch September 3, 2026 03:12
github-actionsBot added a commit to omarcresp/t3code-flake that referenced this pull request Sep 3, 2026
## What's Changed
* chore(ci): only run check-run agents on vouched contributors by @juliusmarminge in pingdotgg/t3code#9298
* fix(web): stop remounting markdown on every activity delta by @juliusmarminge in pingdotgg/t3code#9306
* fix(pull-requests): keep cached PR chrome on reopen by @maria-rcks in pingdotgg/t3code#9294
* feat(environments): draw each environment as the machine it runs on by @juliusmarminge in pingdotgg/t3code#9299
* feat(web): apply and remove labels from the pull request tab by @juliusmarminge in pingdotgg/t3code#9313
* fix(sidebar): collapse settled and snoozed shelves by default by @maria-rcks in pingdotgg/t3code#9314
* refactor(media): unify file and media previews across clients by @juliusmarminge in pingdotgg/t3code#9253
* fix(chat): keep live tool labels in present tense by @maria-rcks in pingdotgg/t3code#9316
* chore: audit lint directives and move plugin allowlists into config by @juliusmarminge in pingdotgg/t3code#9300
* chore(ci): narrow the Effect conventions check-run agent by @juliusmarminge in pingdotgg/t3code#9321
* refactor(mobile): style plain views with Uniwind classes instead of the theme bridge by @juliusmarminge in pingdotgg/t3code#9322
* fix(dev): share dev servers on the loopback Vite actually binds by @juliusmarminge in pingdotgg/t3code#9324
* fix(web): line up the titlebar wordmark label and version pill by @tristanmanchester in pingdotgg/t3code#9255
* fix(web): make the diff layout toggle a persisted setting by @juliusmarminge in pingdotgg/t3code#9326
* chore: dedupe lightningcss and tailwind node bindings by @juliusmarminge in pingdotgg/t3code#9331
* chore: upgrade vite-plus to 0.3.0 by @juliusmarminge in pingdotgg/t3code#9327
* feat(web): add a file tree to the diff panel and pull request code tab by @juliusmarminge in pingdotgg/t3code#9330
* feat(web): add PageUp/PageDown chat navigation by @Yash-Singh1 in pingdotgg/t3code#9315
* fix(web): collapse PR header actions to icons when narrow by @maria-rcks in pingdotgg/t3code#9334
* fix(web): resolve Vite sourcemap and supports warnings by @juliusmarminge in pingdotgg/t3code#9343
* feat(web): choose whether links open in the default browser or in T3 Code by @juliusmarminge in pingdotgg/t3code#9339
* fix(web): add press feedback to buttons by @maria-rcks in pingdotgg/t3code#9349
* feat(web): add customizable project icons by @saphid in pingdotgg/t3code#9137
* fix(mobile): stop indented code overflowing Android chat bubbles by @Adamulek123 in pingdotgg/t3code#9347
* fix(web): let the pull request list use wide screens by @juliusmarminge in pingdotgg/t3code#9351
* feat: display native app and browser icons in work logs by @Yash-Singh1 in pingdotgg/t3code#9093
## New Contributors
* @tristanmanchester made their first contribution in pingdotgg/t3code#9255
**Full Changelog**: pingdotgg/t3code@v0.0.39-nightly.20260903.1262...v0.0.39-nightly.20260903.1265
Upstream release: https://github.com/pingdotgg/t3code/releases/tag/v0.0.39-nightly.20260903.1265
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@tristanmanchester@maria-rcks
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

fix(web): line up the titlebar wordmark label and version pill - #9255

Merged
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment
Sep 3, 2026
Merged

fix(web): line up the titlebar wordmark label and version pill#9255
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment

Conversation

@tristanmanchester

@tristanmanchestertristanmanchester commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

In the titlebar, the sidebar toggle, the T3 wordmark, "Code", and the version pill did not sit on one line: "Code" rode 1px above the wordmark's baseline, and the pill's label sat high inside its pill (by 0.5–1.5 device px depending on renderer zoom).

Two causes, two one-line fixes:

  • "Code" label. Drop the -translate-y-px nudge. The wordmark is 10px of caps and SF Pro's cap height at 14px is 9.86px, so with no offset the two share a baseline and cap line (at 2×, both baselines land on device row 61 and both cap tops on row 42).
  • Small badge leading.Badgesize="sm" inherited text-xs's fractional 13.33px line-height for its 10px label; Chromium rounds the font metrics to whole device pixels, which pushes the glyphs up in the fixed-height box, and fractional zoom levels make it worse. leading-none centres the label within ±0.5 device px at 1×, 1.31×, 1.44×, and 2× (measured by rendering the lockup with the app's dev CSS at each scale). The 20px mobile size already had integer leading and is unchanged.

Verified with targeted lint and 2× captures of the web client (dark theme, version pill).

Before

Before: "Code" and the pill label both sit above the wordmark's centre line

After

After: toggle, wordmark, "Code", and pill label share one centre line

Generated with Claude Fable 5.1 in Claude Code.

🤖 Generated with Claude Code

https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c


Note

Low Risk
Pure CSS/visual tweaks in the titlebar brand and shared small badge styling; no logic, auth, or data changes.

Overview
Fixes vertical misalignment in the sidebar titlebar so the T3 wordmark, Code label, and environment version pill read on one optical line.

The Code text next to the wordmark no longer uses a 1px upward translate; that nudge had pushed the label above the wordmark baseline. Small Badge pills (size="sm", including the titlebar version pill) now use leading-none so fractional text-xs line-height does not leave labels sitting high inside the fixed-height box, especially at non-integer zoom.

Reviewed by Cursor Bugbot for commit 3d846e5. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Align wordmark label and version pill in titlebar

Removes the 1px vertical shift from the SidebarBrand wordmark text in SidebarChrome.tsx. Sets zero line-height for small badgeVariants in badge.tsx to center labels inside fixed-height badges.

Macroscope summarized 3d846e5.

"Code" rode 1px above the T3 wordmark's baseline because of a
-translate-y-px nudge; without it the 14px label's cap height matches the
10px wordmark and the two share a baseline.
The version pill's label sat high inside its pill: Badge size="sm" inherited
text-xs's fractional 13.33px leading for its 10px label, and Chromium's
integer rounding of the font metrics pushed the glyphs up, more so under
renderer zoom. leading-none centres it within half a device pixel at 1x,
1.31x, 1.44x and 2x. The 20px mobile size already had integer leading.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c
@chatgpt-codex-connector

chatgpt-codex-connectorBot commented Sep 2, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

ReviewStatusCommitReview trigger
📝 Code ReviewCompleted2026-09-02T19:07:20.979919Z0231b8cPR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Sep 2, 2026
@macroscopeapp

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved at 0231b8c

Macroscope's review found this PR approvable — This is a contained visual correction: it adjusts the existing wordmark label position and the line-height of small badges, with no changes to behavior, data, workflows, or product defaults. The shared badge styling has a small broader visual effect, but its impact is limited and readily understandable.

You can add or adjust custom eligibility rules. Learn more.

@maria-rcks
maria-rcks merged commit 12f1fc4 into pingdotgg:mainSep 3, 2026
25 checks passed
@tristanmanchester
tristanmanchester deleted the fix/titlebar-brand-alignment branch September 3, 2026 03:12
github-actionsBot added a commit to omarcresp/t3code-flake that referenced this pull request Sep 3, 2026
## What's Changed
* chore(ci): only run check-run agents on vouched contributors by @juliusmarminge in pingdotgg/t3code#9298
* fix(web): stop remounting markdown on every activity delta by @juliusmarminge in pingdotgg/t3code#9306
* fix(pull-requests): keep cached PR chrome on reopen by @maria-rcks in pingdotgg/t3code#9294
* feat(environments): draw each environment as the machine it runs on by @juliusmarminge in pingdotgg/t3code#9299
* feat(web): apply and remove labels from the pull request tab by @juliusmarminge in pingdotgg/t3code#9313
* fix(sidebar): collapse settled and snoozed shelves by default by @maria-rcks in pingdotgg/t3code#9314
* refactor(media): unify file and media previews across clients by @juliusmarminge in pingdotgg/t3code#9253
* fix(chat): keep live tool labels in present tense by @maria-rcks in pingdotgg/t3code#9316
* chore: audit lint directives and move plugin allowlists into config by @juliusmarminge in pingdotgg/t3code#9300
* chore(ci): narrow the Effect conventions check-run agent by @juliusmarminge in pingdotgg/t3code#9321
* refactor(mobile): style plain views with Uniwind classes instead of the theme bridge by @juliusmarminge in pingdotgg/t3code#9322
* fix(dev): share dev servers on the loopback Vite actually binds by @juliusmarminge in pingdotgg/t3code#9324
* fix(web): line up the titlebar wordmark label and version pill by @tristanmanchester in pingdotgg/t3code#9255
* fix(web): make the diff layout toggle a persisted setting by @juliusmarminge in pingdotgg/t3code#9326
* chore: dedupe lightningcss and tailwind node bindings by @juliusmarminge in pingdotgg/t3code#9331
* chore: upgrade vite-plus to 0.3.0 by @juliusmarminge in pingdotgg/t3code#9327
* feat(web): add a file tree to the diff panel and pull request code tab by @juliusmarminge in pingdotgg/t3code#9330
* feat(web): add PageUp/PageDown chat navigation by @Yash-Singh1 in pingdotgg/t3code#9315
* fix(web): collapse PR header actions to icons when narrow by @maria-rcks in pingdotgg/t3code#9334
* fix(web): resolve Vite sourcemap and supports warnings by @juliusmarminge in pingdotgg/t3code#9343
* feat(web): choose whether links open in the default browser or in T3 Code by @juliusmarminge in pingdotgg/t3code#9339
* fix(web): add press feedback to buttons by @maria-rcks in pingdotgg/t3code#9349
* feat(web): add customizable project icons by @saphid in pingdotgg/t3code#9137
* fix(mobile): stop indented code overflowing Android chat bubbles by @Adamulek123 in pingdotgg/t3code#9347
* fix(web): let the pull request list use wide screens by @juliusmarminge in pingdotgg/t3code#9351
* feat: display native app and browser icons in work logs by @Yash-Singh1 in pingdotgg/t3code#9093
## New Contributors
* @tristanmanchester made their first contribution in pingdotgg/t3code#9255
**Full Changelog**: pingdotgg/t3code@v0.0.39-nightly.20260903.1262...v0.0.39-nightly.20260903.1265
Upstream release: https://github.com/pingdotgg/t3code/releases/tag/v0.0.39-nightly.20260903.1265
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@tristanmanchester@maria-rcks
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix(web): line up the titlebar wordmark label and version pill - #9255

Merged
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment
Sep 3, 2026
Merged

fix(web): line up the titlebar wordmark label and version pill#9255
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment

Conversation

@tristanmanchester

@tristanmanchestertristanmanchester commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

In the titlebar, the sidebar toggle, the T3 wordmark, "Code", and the version pill did not sit on one line: "Code" rode 1px above the wordmark's baseline, and the pill's label sat high inside its pill (by 0.5–1.5 device px depending on renderer zoom).

Two causes, two one-line fixes:

  • "Code" label. Drop the -translate-y-px nudge. The wordmark is 10px of caps and SF Pro's cap height at 14px is 9.86px, so with no offset the two share a baseline and cap line (at 2×, both baselines land on device row 61 and both cap tops on row 42).
  • Small badge leading.Badgesize="sm" inherited text-xs's fractional 13.33px line-height for its 10px label; Chromium rounds the font metrics to whole device pixels, which pushes the glyphs up in the fixed-height box, and fractional zoom levels make it worse. leading-none centres the label within ±0.5 device px at 1×, 1.31×, 1.44×, and 2× (measured by rendering the lockup with the app's dev CSS at each scale). The 20px mobile size already had integer leading and is unchanged.

Verified with targeted lint and 2× captures of the web client (dark theme, version pill).

Before

Before: "Code" and the pill label both sit above the wordmark's centre line

After

After: toggle, wordmark, "Code", and pill label share one centre line

Generated with Claude Fable 5.1 in Claude Code.

🤖 Generated with Claude Code

https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c


Note

Low Risk
Pure CSS/visual tweaks in the titlebar brand and shared small badge styling; no logic, auth, or data changes.

Overview
Fixes vertical misalignment in the sidebar titlebar so the T3 wordmark, Code label, and environment version pill read on one optical line.

The Code text next to the wordmark no longer uses a 1px upward translate; that nudge had pushed the label above the wordmark baseline. Small Badge pills (size="sm", including the titlebar version pill) now use leading-none so fractional text-xs line-height does not leave labels sitting high inside the fixed-height box, especially at non-integer zoom.

Reviewed by Cursor Bugbot for commit 3d846e5. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Align wordmark label and version pill in titlebar

Removes the 1px vertical shift from the SidebarBrand wordmark text in SidebarChrome.tsx. Sets zero line-height for small badgeVariants in badge.tsx to center labels inside fixed-height badges.

Macroscope summarized 3d846e5.

"Code" rode 1px above the T3 wordmark's baseline because of a
-translate-y-px nudge; without it the 14px label's cap height matches the
10px wordmark and the two share a baseline.
The version pill's label sat high inside its pill: Badge size="sm" inherited
text-xs's fractional 13.33px leading for its 10px label, and Chromium's
integer rounding of the font metrics pushed the glyphs up, more so under
renderer zoom. leading-none centres it within half a device pixel at 1x,
1.31x, 1.44x and 2x. The 20px mobile size already had integer leading.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c
@chatgpt-codex-connector

chatgpt-codex-connectorBot commented Sep 2, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

ReviewStatusCommitReview trigger
📝 Code ReviewCompleted2026-09-02T19:07:20.979919Z0231b8cPR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Sep 2, 2026
@macroscopeapp

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved at 0231b8c

Macroscope's review found this PR approvable — This is a contained visual correction: it adjusts the existing wordmark label position and the line-height of small badges, with no changes to behavior, data, workflows, or product defaults. The shared badge styling has a small broader visual effect, but its impact is limited and readily understandable.

You can add or adjust custom eligibility rules. Learn more.

@maria-rcks
maria-rcks merged commit 12f1fc4 into pingdotgg:mainSep 3, 2026
25 checks passed
@tristanmanchester
tristanmanchester deleted the fix/titlebar-brand-alignment branch September 3, 2026 03:12
github-actionsBot added a commit to omarcresp/t3code-flake that referenced this pull request Sep 3, 2026
## What's Changed
* chore(ci): only run check-run agents on vouched contributors by @juliusmarminge in pingdotgg/t3code#9298
* fix(web): stop remounting markdown on every activity delta by @juliusmarminge in pingdotgg/t3code#9306
* fix(pull-requests): keep cached PR chrome on reopen by @maria-rcks in pingdotgg/t3code#9294
* feat(environments): draw each environment as the machine it runs on by @juliusmarminge in pingdotgg/t3code#9299
* feat(web): apply and remove labels from the pull request tab by @juliusmarminge in pingdotgg/t3code#9313
* fix(sidebar): collapse settled and snoozed shelves by default by @maria-rcks in pingdotgg/t3code#9314
* refactor(media): unify file and media previews across clients by @juliusmarminge in pingdotgg/t3code#9253
* fix(chat): keep live tool labels in present tense by @maria-rcks in pingdotgg/t3code#9316
* chore: audit lint directives and move plugin allowlists into config by @juliusmarminge in pingdotgg/t3code#9300
* chore(ci): narrow the Effect conventions check-run agent by @juliusmarminge in pingdotgg/t3code#9321
* refactor(mobile): style plain views with Uniwind classes instead of the theme bridge by @juliusmarminge in pingdotgg/t3code#9322
* fix(dev): share dev servers on the loopback Vite actually binds by @juliusmarminge in pingdotgg/t3code#9324
* fix(web): line up the titlebar wordmark label and version pill by @tristanmanchester in pingdotgg/t3code#9255
* fix(web): make the diff layout toggle a persisted setting by @juliusmarminge in pingdotgg/t3code#9326
* chore: dedupe lightningcss and tailwind node bindings by @juliusmarminge in pingdotgg/t3code#9331
* chore: upgrade vite-plus to 0.3.0 by @juliusmarminge in pingdotgg/t3code#9327
* feat(web): add a file tree to the diff panel and pull request code tab by @juliusmarminge in pingdotgg/t3code#9330
* feat(web): add PageUp/PageDown chat navigation by @Yash-Singh1 in pingdotgg/t3code#9315
* fix(web): collapse PR header actions to icons when narrow by @maria-rcks in pingdotgg/t3code#9334
* fix(web): resolve Vite sourcemap and supports warnings by @juliusmarminge in pingdotgg/t3code#9343
* feat(web): choose whether links open in the default browser or in T3 Code by @juliusmarminge in pingdotgg/t3code#9339
* fix(web): add press feedback to buttons by @maria-rcks in pingdotgg/t3code#9349
* feat(web): add customizable project icons by @saphid in pingdotgg/t3code#9137
* fix(mobile): stop indented code overflowing Android chat bubbles by @Adamulek123 in pingdotgg/t3code#9347
* fix(web): let the pull request list use wide screens by @juliusmarminge in pingdotgg/t3code#9351
* feat: display native app and browser icons in work logs by @Yash-Singh1 in pingdotgg/t3code#9093
## New Contributors
* @tristanmanchester made their first contribution in pingdotgg/t3code#9255
**Full Changelog**: pingdotgg/t3code@v0.0.39-nightly.20260903.1262...v0.0.39-nightly.20260903.1265
Upstream release: https://github.com/pingdotgg/t3code/releases/tag/v0.0.39-nightly.20260903.1265
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@tristanmanchester@maria-rcks
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix(web): line up the titlebar wordmark label and version pill - #9255

Merged
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment
Sep 3, 2026
Merged

fix(web): line up the titlebar wordmark label and version pill#9255
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment

Conversation

@tristanmanchester

@tristanmanchestertristanmanchester commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

In the titlebar, the sidebar toggle, the T3 wordmark, "Code", and the version pill did not sit on one line: "Code" rode 1px above the wordmark's baseline, and the pill's label sat high inside its pill (by 0.5–1.5 device px depending on renderer zoom).

Two causes, two one-line fixes:

  • "Code" label. Drop the -translate-y-px nudge. The wordmark is 10px of caps and SF Pro's cap height at 14px is 9.86px, so with no offset the two share a baseline and cap line (at 2×, both baselines land on device row 61 and both cap tops on row 42).
  • Small badge leading.Badgesize="sm" inherited text-xs's fractional 13.33px line-height for its 10px label; Chromium rounds the font metrics to whole device pixels, which pushes the glyphs up in the fixed-height box, and fractional zoom levels make it worse. leading-none centres the label within ±0.5 device px at 1×, 1.31×, 1.44×, and 2× (measured by rendering the lockup with the app's dev CSS at each scale). The 20px mobile size already had integer leading and is unchanged.

Verified with targeted lint and 2× captures of the web client (dark theme, version pill).

Before

Before: "Code" and the pill label both sit above the wordmark's centre line

After

After: toggle, wordmark, "Code", and pill label share one centre line

Generated with Claude Fable 5.1 in Claude Code.

🤖 Generated with Claude Code

https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c


Note

Low Risk
Pure CSS/visual tweaks in the titlebar brand and shared small badge styling; no logic, auth, or data changes.

Overview
Fixes vertical misalignment in the sidebar titlebar so the T3 wordmark, Code label, and environment version pill read on one optical line.

The Code text next to the wordmark no longer uses a 1px upward translate; that nudge had pushed the label above the wordmark baseline. Small Badge pills (size="sm", including the titlebar version pill) now use leading-none so fractional text-xs line-height does not leave labels sitting high inside the fixed-height box, especially at non-integer zoom.

Reviewed by Cursor Bugbot for commit 3d846e5. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Align wordmark label and version pill in titlebar

Removes the 1px vertical shift from the SidebarBrand wordmark text in SidebarChrome.tsx. Sets zero line-height for small badgeVariants in badge.tsx to center labels inside fixed-height badges.

Macroscope summarized 3d846e5.

"Code" rode 1px above the T3 wordmark's baseline because of a
-translate-y-px nudge; without it the 14px label's cap height matches the
10px wordmark and the two share a baseline.
The version pill's label sat high inside its pill: Badge size="sm" inherited
text-xs's fractional 13.33px leading for its 10px label, and Chromium's
integer rounding of the font metrics pushed the glyphs up, more so under
renderer zoom. leading-none centres it within half a device pixel at 1x,
1.31x, 1.44x and 2x. The 20px mobile size already had integer leading.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c
@chatgpt-codex-connector

chatgpt-codex-connectorBot commented Sep 2, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

ReviewStatusCommitReview trigger
📝 Code ReviewCompleted2026-09-02T19:07:20.979919Z0231b8cPR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Sep 2, 2026
@macroscopeapp

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved at 0231b8c

Macroscope's review found this PR approvable — This is a contained visual correction: it adjusts the existing wordmark label position and the line-height of small badges, with no changes to behavior, data, workflows, or product defaults. The shared badge styling has a small broader visual effect, but its impact is limited and readily understandable.

You can add or adjust custom eligibility rules. Learn more.

@maria-rcks
maria-rcks merged commit 12f1fc4 into pingdotgg:mainSep 3, 2026
25 checks passed
@tristanmanchester
tristanmanchester deleted the fix/titlebar-brand-alignment branch September 3, 2026 03:12
github-actionsBot added a commit to omarcresp/t3code-flake that referenced this pull request Sep 3, 2026
## What's Changed
* chore(ci): only run check-run agents on vouched contributors by @juliusmarminge in pingdotgg/t3code#9298
* fix(web): stop remounting markdown on every activity delta by @juliusmarminge in pingdotgg/t3code#9306
* fix(pull-requests): keep cached PR chrome on reopen by @maria-rcks in pingdotgg/t3code#9294
* feat(environments): draw each environment as the machine it runs on by @juliusmarminge in pingdotgg/t3code#9299
* feat(web): apply and remove labels from the pull request tab by @juliusmarminge in pingdotgg/t3code#9313
* fix(sidebar): collapse settled and snoozed shelves by default by @maria-rcks in pingdotgg/t3code#9314
* refactor(media): unify file and media previews across clients by @juliusmarminge in pingdotgg/t3code#9253
* fix(chat): keep live tool labels in present tense by @maria-rcks in pingdotgg/t3code#9316
* chore: audit lint directives and move plugin allowlists into config by @juliusmarminge in pingdotgg/t3code#9300
* chore(ci): narrow the Effect conventions check-run agent by @juliusmarminge in pingdotgg/t3code#9321
* refactor(mobile): style plain views with Uniwind classes instead of the theme bridge by @juliusmarminge in pingdotgg/t3code#9322
* fix(dev): share dev servers on the loopback Vite actually binds by @juliusmarminge in pingdotgg/t3code#9324
* fix(web): line up the titlebar wordmark label and version pill by @tristanmanchester in pingdotgg/t3code#9255
* fix(web): make the diff layout toggle a persisted setting by @juliusmarminge in pingdotgg/t3code#9326
* chore: dedupe lightningcss and tailwind node bindings by @juliusmarminge in pingdotgg/t3code#9331
* chore: upgrade vite-plus to 0.3.0 by @juliusmarminge in pingdotgg/t3code#9327
* feat(web): add a file tree to the diff panel and pull request code tab by @juliusmarminge in pingdotgg/t3code#9330
* feat(web): add PageUp/PageDown chat navigation by @Yash-Singh1 in pingdotgg/t3code#9315
* fix(web): collapse PR header actions to icons when narrow by @maria-rcks in pingdotgg/t3code#9334
* fix(web): resolve Vite sourcemap and supports warnings by @juliusmarminge in pingdotgg/t3code#9343
* feat(web): choose whether links open in the default browser or in T3 Code by @juliusmarminge in pingdotgg/t3code#9339
* fix(web): add press feedback to buttons by @maria-rcks in pingdotgg/t3code#9349
* feat(web): add customizable project icons by @saphid in pingdotgg/t3code#9137
* fix(mobile): stop indented code overflowing Android chat bubbles by @Adamulek123 in pingdotgg/t3code#9347
* fix(web): let the pull request list use wide screens by @juliusmarminge in pingdotgg/t3code#9351
* feat: display native app and browser icons in work logs by @Yash-Singh1 in pingdotgg/t3code#9093
## New Contributors
* @tristanmanchester made their first contribution in pingdotgg/t3code#9255
**Full Changelog**: pingdotgg/t3code@v0.0.39-nightly.20260903.1262...v0.0.39-nightly.20260903.1265
Upstream release: https://github.com/pingdotgg/t3code/releases/tag/v0.0.39-nightly.20260903.1265
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@tristanmanchester@maria-rcks
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

fix(web): line up the titlebar wordmark label and version pill - #9255

Merged
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment
Sep 3, 2026
Merged

fix(web): line up the titlebar wordmark label and version pill#9255
maria-rcks merged 2 commits into
pingdotgg:mainfrom
tristanmanchester:fix/titlebar-brand-alignment

Conversation

@tristanmanchester

@tristanmanchestertristanmanchester commented Sep 2, 2026

Copy link
Copy Markdown
Contributor

In the titlebar, the sidebar toggle, the T3 wordmark, "Code", and the version pill did not sit on one line: "Code" rode 1px above the wordmark's baseline, and the pill's label sat high inside its pill (by 0.5–1.5 device px depending on renderer zoom).

Two causes, two one-line fixes:

  • "Code" label. Drop the -translate-y-px nudge. The wordmark is 10px of caps and SF Pro's cap height at 14px is 9.86px, so with no offset the two share a baseline and cap line (at 2×, both baselines land on device row 61 and both cap tops on row 42).
  • Small badge leading.Badgesize="sm" inherited text-xs's fractional 13.33px line-height for its 10px label; Chromium rounds the font metrics to whole device pixels, which pushes the glyphs up in the fixed-height box, and fractional zoom levels make it worse. leading-none centres the label within ±0.5 device px at 1×, 1.31×, 1.44×, and 2× (measured by rendering the lockup with the app's dev CSS at each scale). The 20px mobile size already had integer leading and is unchanged.

Verified with targeted lint and 2× captures of the web client (dark theme, version pill).

Before

Before: "Code" and the pill label both sit above the wordmark's centre line

After

After: toggle, wordmark, "Code", and pill label share one centre line

Generated with Claude Fable 5.1 in Claude Code.

🤖 Generated with Claude Code

https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c


Note

Low Risk
Pure CSS/visual tweaks in the titlebar brand and shared small badge styling; no logic, auth, or data changes.

Overview
Fixes vertical misalignment in the sidebar titlebar so the T3 wordmark, Code label, and environment version pill read on one optical line.

The Code text next to the wordmark no longer uses a 1px upward translate; that nudge had pushed the label above the wordmark baseline. Small Badge pills (size="sm", including the titlebar version pill) now use leading-none so fractional text-xs line-height does not leave labels sitting high inside the fixed-height box, especially at non-integer zoom.

Reviewed by Cursor Bugbot for commit 3d846e5. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Align wordmark label and version pill in titlebar

Removes the 1px vertical shift from the SidebarBrand wordmark text in SidebarChrome.tsx. Sets zero line-height for small badgeVariants in badge.tsx to center labels inside fixed-height badges.

Macroscope summarized 3d846e5.

"Code" rode 1px above the T3 wordmark's baseline because of a
-translate-y-px nudge; without it the 14px label's cap height matches the
10px wordmark and the two share a baseline.
The version pill's label sat high inside its pill: Badge size="sm" inherited
text-xs's fractional 13.33px leading for its 10px label, and Chromium's
integer rounding of the font metrics pushed the glyphs up, more so under
renderer zoom. leading-none centres it within half a device pixel at 1x,
1.31x, 1.44x and 2x. The 20px mobile size already had integer leading.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014WQYC573wWTaZsd5pEcf4c
@chatgpt-codex-connector

chatgpt-codex-connectorBot commented Sep 2, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

ReviewStatusCommitReview trigger
📝 Code ReviewCompleted2026-09-02T19:07:20.979919Z0231b8cPR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@github-actionsgithub-actionsBot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Sep 2, 2026
@macroscopeapp

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved at 0231b8c

Macroscope's review found this PR approvable — This is a contained visual correction: it adjusts the existing wordmark label position and the line-height of small badges, with no changes to behavior, data, workflows, or product defaults. The shared badge styling has a small broader visual effect, but its impact is limited and readily understandable.

You can add or adjust custom eligibility rules. Learn more.

@maria-rcks
maria-rcks merged commit 12f1fc4 into pingdotgg:mainSep 3, 2026
25 checks passed
@tristanmanchester
tristanmanchester deleted the fix/titlebar-brand-alignment branch September 3, 2026 03:12
github-actionsBot added a commit to omarcresp/t3code-flake that referenced this pull request Sep 3, 2026
## What's Changed
* chore(ci): only run check-run agents on vouched contributors by @juliusmarminge in pingdotgg/t3code#9298
* fix(web): stop remounting markdown on every activity delta by @juliusmarminge in pingdotgg/t3code#9306
* fix(pull-requests): keep cached PR chrome on reopen by @maria-rcks in pingdotgg/t3code#9294
* feat(environments): draw each environment as the machine it runs on by @juliusmarminge in pingdotgg/t3code#9299
* feat(web): apply and remove labels from the pull request tab by @juliusmarminge in pingdotgg/t3code#9313
* fix(sidebar): collapse settled and snoozed shelves by default by @maria-rcks in pingdotgg/t3code#9314
* refactor(media): unify file and media previews across clients by @juliusmarminge in pingdotgg/t3code#9253
* fix(chat): keep live tool labels in present tense by @maria-rcks in pingdotgg/t3code#9316
* chore: audit lint directives and move plugin allowlists into config by @juliusmarminge in pingdotgg/t3code#9300
* chore(ci): narrow the Effect conventions check-run agent by @juliusmarminge in pingdotgg/t3code#9321
* refactor(mobile): style plain views with Uniwind classes instead of the theme bridge by @juliusmarminge in pingdotgg/t3code#9322
* fix(dev): share dev servers on the loopback Vite actually binds by @juliusmarminge in pingdotgg/t3code#9324
* fix(web): line up the titlebar wordmark label and version pill by @tristanmanchester in pingdotgg/t3code#9255
* fix(web): make the diff layout toggle a persisted setting by @juliusmarminge in pingdotgg/t3code#9326
* chore: dedupe lightningcss and tailwind node bindings by @juliusmarminge in pingdotgg/t3code#9331
* chore: upgrade vite-plus to 0.3.0 by @juliusmarminge in pingdotgg/t3code#9327
* feat(web): add a file tree to the diff panel and pull request code tab by @juliusmarminge in pingdotgg/t3code#9330
* feat(web): add PageUp/PageDown chat navigation by @Yash-Singh1 in pingdotgg/t3code#9315
* fix(web): collapse PR header actions to icons when narrow by @maria-rcks in pingdotgg/t3code#9334
* fix(web): resolve Vite sourcemap and supports warnings by @juliusmarminge in pingdotgg/t3code#9343
* feat(web): choose whether links open in the default browser or in T3 Code by @juliusmarminge in pingdotgg/t3code#9339
* fix(web): add press feedback to buttons by @maria-rcks in pingdotgg/t3code#9349
* feat(web): add customizable project icons by @saphid in pingdotgg/t3code#9137
* fix(mobile): stop indented code overflowing Android chat bubbles by @Adamulek123 in pingdotgg/t3code#9347
* fix(web): let the pull request list use wide screens by @juliusmarminge in pingdotgg/t3code#9351
* feat: display native app and browser icons in work logs by @Yash-Singh1 in pingdotgg/t3code#9093
## New Contributors
* @tristanmanchester made their first contribution in pingdotgg/t3code#9255
**Full Changelog**: pingdotgg/t3code@v0.0.39-nightly.20260903.1262...v0.0.39-nightly.20260903.1265
Upstream release: https://github.com/pingdotgg/t3code/releases/tag/v0.0.39-nightly.20260903.1265
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS0-9 changed lines (additions + deletions).vouch:unvouchedPR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@tristanmanchester@maria-rcks