Skip to content

feat(differ): fix font sizing, padding, and titlebar responsiveness#501

Merged
matt2e merged 1 commit intoblock:mainfrom
rnc505:robbyc/03-26-feat_differ_fix_font_sizing_padding_and_titlebar_responsiveness
Mar 27, 2026
Merged

feat(differ): fix font sizing, padding, and titlebar responsiveness#501
matt2e merged 1 commit intoblock:mainfrom
rnc505:robbyc/03-26-feat_differ_fix_font_sizing_padding_and_titlebar_responsiveness

Conversation

@rnc505
Copy link
Copy Markdown
Collaborator

@rnc505 rnc505 commented Mar 26, 2026

Stack

This is PR 3/4 in a stack of Differ improvements:

  1. Graphite stack support (feat(differ): add Graphite stack support for scoped PR diffs #499)
  2. Diff color contrast (feat(differ): improve diff color contrast with per-side tinting #500)
  3. → Font sizing & titlebar fixes (this PR)
  4. Keyboard shortcuts (feat(differ): add keyboard shortcuts for file navigation and font sizing #502)

Background

Several UI elements in Differ used hardcoded font sizes and lacked overflow handling, causing visual inconsistency and layout breakage with long branch names or repo paths.

Overview of Changes

  • Replace hardcoded 9px font sizes with var(--size-xs) for section labels, dividers, and count capsules
  • Bump mode-seg buttons from --size-xs to --size-sm for readability
  • Fix titlebar overflow: add ellipsis truncation on branch name and repo button, allow titlebar-center to shrink
  • Increase stack dropdown padding for better touch targets
  • Add UI Font Size preference (--size-base) with stepper control in Settings panel, persisted to Tauri store

Testing Performed

  • Visual inspection across various window sizes and branch name lengths
  • Verified font size preference persists across app restarts

Video testing (with all 4 from stack)

with gt installed without gt installed
Screen.Recording.2026-03-26.at.10.38.26.AM_compressed.mp4
Screen.Recording.2026-03-26.at.10.41.16.AM_compressed.mp4

Fixed the text overflow artifacts that you can see in the video

I just didn't want to rerecord
Screenshot 2026-03-26 at 11 20 05 AM
Screenshot 2026-03-26 at 11 20 00 AM
Screenshot 2026-03-26 at 11 19 57 AM


✨🤖 heavily assisted by AmpCode

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 03c0b79539

ℹ️ About Codex in GitHub

Codex has been enabled to automatically 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".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

Comment on lines +797 to +799
let output = Command::new("gt")
.args(["state"])
.current_dir(repo)
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P1 Badge Use a supported Graphite command for stack metadata

The new stack detection calls gt state and assumes JSON on stdout, but the current Graphite command reference states it “documents every command” and does not include a state subcommand (it lists gt log, gt parent, etc. instead). On current CLI versions this call will fail or return non-JSON, causing get_stack_info to return None and the stack mode UI to never appear even when users are in a Graphite-managed repo.

Useful? React with 👍 / 👎.

@rnc505 rnc505 force-pushed the robbyc/03-26-feat_differ_fix_font_sizing_padding_and_titlebar_responsiveness branch 3 times, most recently from 033518a to 6d2ef73 Compare March 27, 2026 01:30
Fix several UI density and overflow issues:

- Replace hardcoded 9px font sizes with var(--size-xs) for section
  labels, dividers, and count capsules
- Bump mode-seg buttons from --size-xs to --size-sm for readability
- Fix titlebar overflow: add ellipsis truncation on branch name and
  repo button, allow titlebar-center to shrink
- Increase stack dropdown padding for better touch targets
- Add UI Font Size preference (--size-base) with stepper control
  in Settings panel, persisted to Tauri store

Amp-Thread-ID: https://ampcode.com/threads/T-019d28f5-71eb-7256-af52-1b4c406e53a7
Co-authored-by: Amp <amp@ampcode.com>
Amp-Thread-ID: https://ampcode.com/threads/T-019d28f5-71eb-7256-af52-1b4c406e53a7
Co-authored-by: Amp <amp@ampcode.com>
@rnc505 rnc505 force-pushed the robbyc/03-26-feat_differ_fix_font_sizing_padding_and_titlebar_responsiveness branch from 6d2ef73 to 2b84547 Compare March 27, 2026 02:03
@matt2e matt2e merged commit dd6f964 into block:main Mar 27, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants