Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tab close icon is too big #8419

Closed
eoussama opened this issue Nov 27, 2020 · 11 comments · Fixed by #8424
Closed

Tab close icon is too big #8419

eoussama opened this issue Nov 27, 2020 · 11 comments · Fixed by #8424
Labels
Area-UserInterface Issues pertaining to the user interface of the Console or Terminal Issue-Bug It either shouldn't be doing this or needs an investigation. Needs-Tag-Fix Doesn't match tag requirements Priority-3 A description (P3) Product-Terminal The new Windows Terminal. Resolution-Fix-Committed Fix is checked in, but it might be 3-4 weeks until a release.

Comments

@eoussama
Copy link

Environment

Windows build number: 10.0.19042.630
Windows Terminal version (if applicable): 1.4.3243.0

Any other software? No

Steps to reproduce

Right-click on an open tab, notice the close option

Expected behavior

The tab close icon should be the same size as the other icons

Actual behavior

The tab close icon is too large and distracting almost.

image

@ghost ghost added Needs-Triage It's a new issue that the core contributor team needs to triage at the next triage meeting Needs-Tag-Fix Doesn't match tag requirements labels Nov 27, 2020
@ghost ghost added the In-PR This issue has a related PR label Nov 27, 2020
@zadjii-msft
Copy link
Member

I guess it does feel a bit bigger, even if it is the same size.

/cc @cinnamon-msft who might have some opinions on the matter

@zadjii-msft zadjii-msft added Area-UserInterface Issues pertaining to the user interface of the Console or Terminal Issue-Bug It either shouldn't be doing this or needs an investigation. Priority-3 A description (P3) Product-Terminal The new Windows Terminal. labels Nov 29, 2020
@ghost ghost removed the Needs-Tag-Fix Doesn't match tag requirements label Nov 29, 2020
@zadjii-msft zadjii-msft added this to the Terminal Backlog milestone Nov 29, 2020
@mdtauk
Copy link

mdtauk commented Nov 29, 2020

I think that icon is designed for a fontsize of 10 or 12 rather than 16

@DHowett DHowett removed the Needs-Triage It's a new issue that the core contributor team needs to triage at the next triage meeting label Nov 30, 2020
@j4james
Copy link
Collaborator

j4james commented Dec 1, 2020

I think the size discrepancy may be because that close icon is not typically used in this context, since it's a "chrome" icon. The cancel icon might be a better choice (\xE711), although that's possibly not semantically correct.

And on a similar note, I would have expected the "Rename Tab" menu item to be using the standard rename icon (\xE8AC). Was there a reason for choosing the current icon? It also looks a little out of place to me.

@j4james
Copy link
Collaborator

j4james commented Dec 1, 2020

Also, as a point of comparison, have a look at the icon used on the Exit menu in this example from the Windows UI docs.

https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml/images/keyboard-accelerators.png

That's more in line with what I would have expected for our Close Tab menu.

@zadjii-msft
Copy link
Member

I would have expected the "Rename Tab" menu item to be using the standard rename icon (\xE8AC). Was there a reason for choosing the current icon? It also looks a little out of place to me.

oh my god there's a rename icon

Yea it should be that one 🤦‍♂️

The cancel icon might be a better choice (\xE711),

Yea that does look like what we should be using. @Hegunumo wanna try that icon instead?

@cinnamon-msft
Copy link
Contributor

Yeah I agree, that close icon is definitely too large. I am curious how the cancel icon will look, and I agree that the rename icon should be used.

@j4james
Copy link
Collaborator

j4james commented Dec 1, 2020

Here's what it looks like with the rename icon updated, as well as the cancel icon for the close menu.

image

And while we're discussing this code, it's also worth mentioning that many of these standard icons can be set using a SymbolIcon rather than a FontIcon. It's a little easier and more readable that way I think. For example:

Controls::SymbolIcon renameTabSymbol;
renameTabSymbol.Symbol(Controls::Symbol::Rename);

instead of

Controls::FontIcon renameTabSymbol;
renameTabSymbol.FontFamily(Media::FontFamily{ L"Segoe MDL2 Assets" });
renameTabSymbol.Glyph(L"\xE932"); // Label

DHowett pushed a commit that referenced this issue Dec 10, 2020
@ghost ghost added Needs-Tag-Fix Doesn't match tag requirements Resolution-Fix-Committed Fix is checked in, but it might be 3-4 weeks until a release. and removed In-PR This issue has a related PR labels Dec 10, 2020
DHowett pushed a commit that referenced this issue Jan 25, 2021
Closes #8419

Co-authored-by: KiminoriKaburagi <[email protected]>
(cherry picked from commit 6952f1a)
@ghost
Copy link

ghost commented Jan 28, 2021

🎉This issue was addressed in #8424, which has now been successfully released as Windows Terminal v1.5.10271.0.:tada:

Handy links:

@ghost
Copy link

ghost commented Jan 28, 2021

🎉This issue was addressed in #8424, which has now been successfully released as Windows Terminal Preview v1.6.10272.0.:tada:

Handy links:

mpela81 pushed a commit to mpela81/terminal that referenced this issue Jan 28, 2021
@ghost
Copy link

ghost commented Mar 1, 2021

The Settings context menu still uses the old icon.
closeicon2
Wouldn't it be better to have a single menu for all tabs?

@zadjii-msft
Copy link
Member

@gabrielconl good catch - surprised this was only fixed for Terminal tabs and not the TabBase

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area-UserInterface Issues pertaining to the user interface of the Console or Terminal Issue-Bug It either shouldn't be doing this or needs an investigation. Needs-Tag-Fix Doesn't match tag requirements Priority-3 A description (P3) Product-Terminal The new Windows Terminal. Resolution-Fix-Committed Fix is checked in, but it might be 3-4 weeks until a release.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants