Minimize button glyph is one pixel too high #10794

Open
opened 2026-01-31 02:30:31 +00:00 by claunia · 9 comments
Owner

Originally created by @GardenVarietyPack on GitHub (Sep 26, 2020).

Windows Terminal Minimize Button

Description of the new feature/enhancement

The minimize button glyph is one pixel higher than all other window decorations and should be moved down by one pixel. The current design of the minimize button deviates from the rest of the Windows 10 UI by shifting the minimize button one pixel above the center-line of the other window control buttons instead of one pixel below. Ignoring all the other issues with Windows 10 and the design inconsistencies, it should at least be attempted to maintain consistency in the positioning of the window control elements.

Originally created by @GardenVarietyPack on GitHub (Sep 26, 2020). ![Windows Terminal Minimize Button](https://user-images.githubusercontent.com/71948533/94351343-0f5ff100-0058-11eb-92c7-77e425713b12.jpg) # Description of the new feature/enhancement The minimize button glyph is one pixel higher than all other window decorations and should be moved down by one pixel. The current design of the minimize button deviates from the rest of the Windows 10 UI by shifting the minimize button one pixel above the center-line of the other window control buttons instead of one pixel below. Ignoring all the other issues with Windows 10 and the design inconsistencies, it should at least be attempted to maintain consistency in the positioning of the window control elements.
Author
Owner

@zadjii-msft commented on GitHub (Sep 29, 2020):

Well, good eye! We're rolling our own Min/Max/Close control here, so I'm surprised we got it that close tbh 😆

/cc @DHowett, I think he's the one who wrote the paths for that icon originally, just as an fyi.

This probably isn't that hard to fix...

@zadjii-msft commented on GitHub (Sep 29, 2020): Well, good eye! We're rolling our own Min/Max/Close control here, so I'm surprised we got it that close tbh 😆 /cc @DHowett, I think he's the one who wrote the paths for that icon originally, just as an fyi. This probably isn't _that_ hard to fix...
Author
Owner

@DHowett commented on GitHub (Sep 29, 2020):

@ocalvo you should know this if you're copying our xaml

@DHowett commented on GitHub (Sep 29, 2020): @ocalvo you should know this if you're copying our xaml
Author
Owner

@alanaEvey7 commented on GitHub (Oct 2, 2020):

Hi! I've recently tried to start working on this issue, but I'm wondering if I could some guidance on effective ways to test the changes I have made are doing what I expect. Every time I try and run this project it takes 20 minutes to build. Is there a better way?
Thanks in advance!

@alanaEvey7 commented on GitHub (Oct 2, 2020): Hi! I've recently tried to start working on this issue, but I'm wondering if I could some guidance on effective ways to test the changes I have made are doing what I expect. Every time I try and run this project it takes 20 minutes to build. Is there a better way? Thanks in advance!
Author
Owner

@zadjii-msft commented on GitHub (Oct 2, 2020):

@alanaEvey7 How are you building the package? Usually I just right click on the "CascadiaPackage" project in VS and hit "deploy", and that should only rebuild the part of the solution that changed (in your case, it should be only the TerminalApp dll).

image

Then once the project is deployed, you can just launch it from the start menu, or even debugging with VS is way faster.

@zadjii-msft commented on GitHub (Oct 2, 2020): @alanaEvey7 How are you building the package? Usually I just right click on the "CascadiaPackage" project in VS and hit "deploy", and that _should_ only rebuild the part of the solution that changed (in your case, it should be only the TerminalApp dll). ![image](https://user-images.githubusercontent.com/18356694/94888602-46127e80-043f-11eb-843b-a3733e742085.png) Then once the project is deployed, you can just launch it from the start menu, or even debugging with VS is way faster.
Author
Owner

@ocalvo commented on GitHub (Oct 3, 2020):

@ocalvo you should know this if you're copying our xaml

Thanks for bringing to my attention. We are taking note of it.

@ocalvo commented on GitHub (Oct 3, 2020): > @ocalvo you should know this if you're copying our xaml Thanks for bringing to my attention. We are taking note of it.
Author
Owner

@AnuthaDev commented on GitHub (Oct 3, 2020):

This probably isn't that hard to fix...

After spending 1 hour trying to fix it, I can conclude that either I am missing something extremely fundamental or this problem is very tricky.😥

@AnuthaDev commented on GitHub (Oct 3, 2020): >This probably isn't that hard to fix... After spending 1 hour trying to fix it, I can conclude that either I am missing something extremely fundamental or this problem is very tricky.😥
Author
Owner

@zadjii-msft commented on GitHub (Oct 5, 2020):

I'm pretty sure we just need to adjust this bit of XAML:

        <Button.Resources>
            <ResourceDictionary>
                <x:String x:Key="CaptionButtonPath">M 0 0 H 10</x:String>
            </ResourceDictionary>
        </Button.Resources>

In MinMaxCloseControl.xaml, but I'm not super familiar with how these paths are defined. If I had to make a totally uneducated guess, I'd try M 0 1 H 10, but again, I'm not sure about that.

@zadjii-msft commented on GitHub (Oct 5, 2020): I'm pretty sure we just need to adjust this bit of XAML: ```xaml <Button.Resources> <ResourceDictionary> <x:String x:Key="CaptionButtonPath">M 0 0 H 10</x:String> </ResourceDictionary> </Button.Resources> ``` In MinMaxCloseControl.xaml, but I'm not super familiar with how these paths are defined. If I had to make a totally uneducated guess, I'd try `M 0 1 H 10`, but again, I'm not sure about that.
Author
Owner

@AnuthaDev commented on GitHub (Oct 5, 2020):

@zadjii-msft That's exactly what I tried first, doesn't work. The stretch set to fill interferes with it. Setting it to none makes the icons appear very thin. It seems that the viewbox readjusts to only include the part where a path is present, at the centre, disregarding coordinates(if stretch is set to fill).

@AnuthaDev commented on GitHub (Oct 5, 2020): @zadjii-msft That's exactly what I tried first, doesn't work. The stretch set to fill interferes with it. Setting it to none makes the icons appear very thin. It seems that the viewbox readjusts to only include the part where a path is present, at the centre, disregarding coordinates(if stretch is set to fill).
Author
Owner

@zadjii-msft commented on GitHub (Oct 5, 2020):

huh. I wonder if there's anyway that we could add some padding inside that button to compensate for that. I'm gonna yank "easy starter" from this one, that's for sure 😃

@zadjii-msft commented on GitHub (Oct 5, 2020): _huh_. I wonder if there's anyway that we could add some padding inside that button to compensate for that. I'm gonna yank "easy starter" from this one, that's for sure 😃
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#10794