Align title-bar contents and caption buttons on one midline#48
Merged
Conversation
The custom title bar is 48px with everything centred at y=24, but the system caption buttons defaulted to Standard height (32px, hugging the top), making the row read as vertically misaligned. Set PreferredHeightOption.Tall so the caption buttons are 48px and their glyphs share the same midline as the hamburger, app icon and name, search box and CLI switcher. The hamburger also gets an explicit VerticalAlignment to match its siblings. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Their layout boxes were dead-centre, but the visible mass of both sits below centre — the glyph because its drop shadow extends downward, the text because Segoe UI reserves diacritic space above the caps — so both read a couple of pixels low next to the hamburger. Raise each by 2px via Translation (visual-only, no layout impact). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2px overshot on the Win11 box; 1px sits the glyph and app name on the shared midline. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
The five title-bar elements (hamburger, app icon, app name, search box, CLI switcher) were already geometrically centred at y=24 in the 48px bar — what made the row look misaligned was the system caption buttons, which default to Standard height (32px, top-aligned, centred at y=16).
AppWindow.TitleBar.PreferredHeightOption = Tall→ caption buttons become 48px, putting their glyphs on the same y=24 midline as everything else.VerticalAlignment="Center"on the hamburger for consistency with its siblings.Verification
Snipdeck.Appcompile-verified on the Windows build agent (0 warnings, 0 errors).🤖 Generated with Claude Code