Terminal: Update Preview icon to align with Edge

Created on 20 May 2020  路  4Comments  路  Source: microsoft/terminal

Environment

Windows build number: 19628
Windows Terminal version (if applicable): 1.0.1402

Steps to reproduce

Install Windows Terminal Preview

Expected behavior

The Terminal Preview icon and Edge Insider icon's preview-labels line up nicely and use the same font and size.

Actual behavior

Given the basic design, it feels obvious that the Terminal Preview's "Preview" label is modelled after the Microsoft Edge icon.

Annotation 2020-05-20 091514

But the labels don't line up nicely and a different font (weight) is used for the Terminal compared to Edge.


It's a very insignificant issue. But I'd just like to point it out because - as someone who uses both regularly - it annoys me. 馃檭

Area-User Interface Issue-Bug Priority-3 Product-Terminal

All 4 comments

@cinnamon-msft we'll need to move the pill around a little bit. I'll see if I can do that for fun in my icon generation script.

Had some ideas about merging the pill in as a separate _image_ instead of part of the terminal icon which will give us breathing room on the larger tiles where there's more than space enough for the icon

It's also worth noting that on lower-resolution displays the Edge Dev icon still shows the badge with text, but the terminal icon removes the text and just shows a blue bar.

image

@k-yle given that our badge is shorter than Edge's, we thought it imprudent to have a tiny black smear you didn't stand a chance of reading.

@k-yle given that our badge is shorter than Edge's, we thought it imprudent to have a tiny black smear you didn't stand a chance of reading.

FYI, the badge does display with text when pinned to the start menu as a "small" size icon:

image

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ghvanderweg picture ghvanderweg  路  3Comments

dev-logan picture dev-logan  路  3Comments

zadjii-msft picture zadjii-msft  路  3Comments

xmm1989218 picture xmm1989218  路  3Comments

mrmlnc picture mrmlnc  路  3Comments