question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Padding of Minimize/Maximize/Close Buttons is Not Consistent When Using ExtendsContentIntoTitleBar

See original GitHub issue

Describe the bug When using a custom title bar with ExtendsContentIntoTitleBar = true, the size of the title bar buttons changes to 21x46 pixels, instead of the normal 29x45 pixels. This makes the WinUI window look very bad when you have it next to windows with the standard buttons. Because this change also alters the hitbox of the close button, it really messes up the end user’s muscle-memory when they go to close the window. From what I can tell, the icons of the button look to be approximately the right size, the main issue is that the buttons lack a significant amount of top/bottom padding .

Steps to reproduce the bug Create a custom title bar with WinUI.

Expected behavior I expect the title bar buttons to be same size as a normal Windows 10 window.

Screenshots Example

Version Info

NuGet package version: WinUI 3 - Project Reunion 0.5 Preview: 0.5.0-prerelease

Windows app type:

UWP Win32
Yes
Windows 10 version Saw the problem?
Insider Build (xxxxx)
October 2020 Update (19042) Yes
May 2020 Update (19041)
November 2019 Update (18363)
May 2019 Update (18362)
October 2018 Update (17763)
April 2018 Update (17134)
Fall Creators Update (16299)
Creators Update (15063)
Device form factor Saw the problem?
Desktop Yes
Xbox
Surface Hub
IoT

Additional context None

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:4
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
FreddyDghcommented, Mar 16, 2021

Maybe I should clarify - if WinUI wants to change the style of the title bar buttons, that’s fine with me. My main point here is that it should be consistent WITHIN WinUI. If I create two windows WITHIN the same app, it looks ridiculous if their title bar buttons are different.

1reaction
StephenLPeterscommented, Mar 16, 2021
Read more comments on GitHub >

github_iconTop Results From Across the Web

WinUI3 : Customizing window title bar by removing ...
I am working on the WinUI3 desktop application with C++. I discovered how windows significantly allow us to customize the title bar in...
Read more >
Title bar customization - Windows apps
Using padding columns instead of margins ensures that the background paints the area under the caption control buttons (for transparent buttons) ...
Read more >
Create resizable window without title bar, but with minimize ...
The programs remove the non-client area (the title bar) and have a bunch of custom handling for reproducing the window buttons, icons, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found