<h2 dir="auto"><g-emoji class="g-emoji" alias="information_source" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2139.png">ℹ</g-emoji> Computer information</h2>
<ul dir="auto">
<li>PowerToys version: 0.21.1</li>
<li>PowerToy Utility: n/a</li>
<li>Running PowerToys as Admin: no</li>
<li>Windows build number: 19042.450</li>
</ul>
<h2 dir="auto"><g-emoji class="g-emoji" alias="memo" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f4dd.png">📝</g-emoji> Provide detailed reproduction steps (if any)</h2>
<ol dir="auto">
<li>open powertoys</li>
<li>maximise settings window</li>
</ol>
<h3 dir="auto">✔️ Expected result</h3>
<p dir="auto">titlebar is same size as uwp apps</p>
<h3 dir="auto"><g-emoji class="g-emoji" alias="x" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/274c.png">❌</g-emoji> Actual result</h3>
<p dir="auto">titlebar is not the same size</p>
<h2 dir="auto"><g-emoji class="g-emoji" alias="camera" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f4f7.png">📷</g-emoji> Screenshots</h2>
<p dir="auto"><em>Are there any useful screenshots? WinKey+Shift+S and then just paste them directly into the form</em></p>
<p dir="auto">PowerToys:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/51363864/92320257-932f4a80-f063-11ea-935e-9679ede7ff18.png"><img src="https://user-images.githubusercontent.com/51363864/92320257-932f4a80-f063-11ea-935e-9679ede7ff18.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">Feedback Hub (I tried to find a UWP app that follows the enable coloured title bars setting. lol you can see the bug where here is a massive gap next to the back button. and that missing top 1px border. rip testers.):<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/51363864/92320343-22d4f900-f064-11ea-8441-28d7a1934d83.png"><img src="https://user-images.githubusercontent.com/51363864/92320343-22d4f900-f064-11ea-8441-28d7a1934d83.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">PowerToys, maximised:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/51363864/92320398-83fccc80-f064-11ea-8177-8afffbfe4136.png"><img src="https://user-images.githubusercontent.com/51363864/92320398-83fccc80-f064-11ea-8177-8afffbfe4136.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">Feedback Hub, maximised:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/51363864/92320382-6cbddf00-f064-11ea-807f-5eabb40fcf5b.png"><img src="https://user-images.githubusercontent.com/51363864/92320382-6cbddf00-f064-11ea-807f-5eabb40fcf5b.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">This happens to a bunch of win32 apps. The icons of the caption buttons are also positioned slightly differently between UWP apps and apps like Chromium, which doesn't have a pre-windows 10 sized titlebar when maximised. This may be a Project Reunion issue or a duplicate. Oh and I noticed that the navigation pane in powertoys is darker than other apps</p>
<h1 dir="auto">Summary of the new feature/enhancement</h1>
<p dir="auto">The current WPF runner app holds a XAML island with the NavigationView. Ideally the NavigationView would flow into the title bar, like most Windows 10 apps. For this, we'd need to create a custom WPF titlebar.</p>
<h1 dir="auto">Proposed technical implementation details (optional)</h1>
<p dir="auto">Create a custom styling control that holds a custom minimize, maximize and close button. Background should be transparent so the NavView can flow to the top.</p>
<p dir="auto">Left: UWP, right: WPF<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/9866362/76471809-04af7880-63f4-11ea-99a2-cd81f6b0af99.png"><img src="https://user-images.githubusercontent.com/9866362/76471809-04af7880-63f4-11ea-99a2-cd81f6b0af99.png" alt="image" style="max-width: 100%;"></a></p>