From b19c0eb3b288e97b3a8c46694e022e35a89d572f Mon Sep 17 00:00:00 2001 From: Stuart Meeks Date: Sun, 7 Jun 2026 10:09:16 +0000 Subject: [PATCH 1/3] Align title-bar contents and caption buttons on one midline 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 --- CHANGELOG.md | 5 +++++ src/Snipdeck.App/MainWindow.xaml | 1 + src/Snipdeck.App/MainWindow.xaml.cs | 5 +++++ 3 files changed, 11 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 93ba988..546ddf9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -19,6 +19,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - The "Next Iteration" eyebrow on the Home hero now uses the primary text colour (white in Dark theme) instead of the muted secondary grey. +### Fixed +- Title-bar contents (hamburger, app icon and name, search box, CLI switcher) + and the system caption buttons now share one vertical midline — the caption + buttons previously hugged the top of the bar. + ## [0.1.0] - 2026-06-01 ### Added diff --git a/src/Snipdeck.App/MainWindow.xaml b/src/Snipdeck.App/MainWindow.xaml index 6bb6411..5efb0b8 100644 --- a/src/Snipdeck.App/MainWindow.xaml +++ b/src/Snipdeck.App/MainWindow.xaml @@ -36,6 +36,7 @@ BorderThickness="0" Width="40" Height="40" + VerticalAlignment="Center" ToolTipService.ToolTip="Toggle navigation"> diff --git a/src/Snipdeck.App/MainWindow.xaml.cs b/src/Snipdeck.App/MainWindow.xaml.cs index 464202a..9e18779 100644 --- a/src/Snipdeck.App/MainWindow.xaml.cs +++ b/src/Snipdeck.App/MainWindow.xaml.cs @@ -34,6 +34,11 @@ public MainWindow(AppConfig config, ShellPage shellPage) AppWindow.SetTaskbarIcon(appIconPath); ExtendsContentIntoTitleBar = true; + // The custom bar is 48px with its content centred on y=24; the + // system caption buttons default to Standard (32px, hugging the + // top), which makes the whole row read as misaligned. Tall makes + // them 48px so their glyphs share the same midline. + AppWindow.TitleBar.PreferredHeightOption = Microsoft.UI.Windowing.TitleBarHeightOption.Tall; // The whole bar is the drag region. WinUI does NOT auto-exclude interactive // children, so the centred search/switcher group is registered as a // passthrough region instead (recomputed when the bar or group resizes). From 493f8076dba314fa65831c212f5943ba7af8c45f Mon Sep 17 00:00:00 2001 From: Stuart Meeks Date: Sun, 7 Jun 2026 10:12:51 +0000 Subject: [PATCH 2/3] Optically nudge the title-bar glyph and app name up 2px MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- src/Snipdeck.App/MainWindow.xaml | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/Snipdeck.App/MainWindow.xaml b/src/Snipdeck.App/MainWindow.xaml index 5efb0b8..ca8241c 100644 --- a/src/Snipdeck.App/MainWindow.xaml +++ b/src/Snipdeck.App/MainWindow.xaml @@ -40,15 +40,21 @@ ToolTipService.ToolTip="Toggle navigation"> + + Margin="4,0,0,0" + Translation="0,-2,0" /> + Margin="4,0,0,0" + Translation="0,-2,0" /> + read slightly low. --> + Translation="0,-1,0" /> + Translation="0,-1,0" />