open new tab icon at the top title is not centered correctly #21551

Open
opened 2026-01-31 07:47:57 +00:00 by claunia · 2 comments
Owner

Originally created by @Emirhan-7274 on GitHub (Apr 20, 2024).

Windows Terminal version

1.19.10821.0

Windows build number

10.0.22631.3447

Other Software

No response

Steps to reproduce

Ekran görüntüsü 2024-04-20 151314

its hard to notice it but if you set "Use acrylic material in the tab row" to true it becomes highly noticable

Expected Behavior

open a new tab icon to be centered

Actual Behavior

open a new tab icon is not centered

Originally created by @Emirhan-7274 on GitHub (Apr 20, 2024). ### Windows Terminal version 1.19.10821.0 ### Windows build number 10.0.22631.3447 ### Other Software _No response_ ### Steps to reproduce ![Ekran görüntüsü 2024-04-20 151314](https://github.com/microsoft/terminal/assets/96685085/d66873c3-5f52-4af6-afb9-a9842a71168c) its hard to notice it but if you set "Use acrylic material in the tab row" to true it becomes highly noticable ### Expected Behavior open a new tab icon to be centered ### Actual Behavior open a new tab icon is not centered
Author
Owner

@zadjii-msft commented on GitHub (Apr 23, 2024):

Huh, good eye.

Code is somewhere around here:

99061ee272/src/cascadia/TerminalApp/TabRowControl.xaml (L48-L70)

IIRC we're adding some margin to make the + centered nicely, but that code hasn't been touched in years so I may be off base on that

@zadjii-msft commented on GitHub (Apr 23, 2024): Huh, good eye. Code is somewhere around here: https://github.com/microsoft/terminal/blob/99061ee272b72c6d565802068f7b09ab12e4173e/src/cascadia/TerminalApp/TabRowControl.xaml#L48-L70 IIRC we're adding some margin to make the `+` centered nicely, but that code hasn't been touched in years so I may be off base on that
Author
Owner

@orlandoisay commented on GitHub (Jul 4, 2024):

I think the SplitButton component doesn't support customizing the spacing for the secondary button: https://github.com/microsoft/microsoft-ui-xaml/issues/5605.

Currently, it has the padding hardcoded: 7180ad3d39/dev/SplitButton/SplitButton.xaml (L297). And the icon always aligned to the right.

When the button has the default secondary button size, it renders the icon centered properly.

image

For other sizes, it renders wrong.

image

Would using the default size be ok?

@orlandoisay commented on GitHub (Jul 4, 2024): I think the SplitButton component doesn't support customizing the spacing for the secondary button: https://github.com/microsoft/microsoft-ui-xaml/issues/5605. Currently, it has the padding hardcoded: https://github.com/microsoft/microsoft-ui-xaml/blob/7180ad3d3998bcbf2c8fa028ffb1ce3049d78228/dev/SplitButton/SplitButton.xaml#L297. And the icon always aligned to the right. When the button has the default secondary button size, it renders the icon centered properly. ![image](https://github.com/microsoft/terminal/assets/7746981/1c459e2f-e956-44e8-a1e4-4c91b876e752) For other sizes, it renders wrong. ![image](https://github.com/microsoft/terminal/assets/7746981/ff6bc3df-9c16-45f3-af8b-7d010100b500) Would using the default size be ok?
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#21551