Canary Version 89.0.760.0: Tab group icon shape

%3CLINGO-SUB%20id%3D%22lingo-sub-2044601%22%20slang%3D%22en-US%22%3ECanary%20Version%2089.0.760.0%3A%20Tab%20group%20icon%20shape%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2044601%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20everyone.%20I've%26nbsp%3B%20just%20been%20updated%20to%20this%20version%2C%20and%20the%20first%20difference%20I've%20noticed%20is%20with%20the%20tab%20groups%3A%3C%2FP%3E%3CUL%3E%3CLI%3EThe%20shape%20of%20the%20label%20has%20changed%20from%20circular%20to%20a%20round-cornered%20rectangle.%20I%20think%20this%20makes%20sense%20as%20it%20reflects%20the%20shape%20of%20the%20tabs%20themselves.%3C%2FLI%3E%3CLI%3EThere's%20a%20subtle%20line%20of%20colour%20along%20the%20tops%20of%20all%20the%20tabs%20in%20a%20particular%20group.%20I%20think%20this%20is%20nicer%20than%20when%20the%20lines%20were%20all%20around%20the%20edges%20of%20the%20tabs%20and%20along%20the%20bottom%2C%20which%20I%20thought%20looked%20clumsy.%3C%2FLI%3E%3C%2FUL%3E%3CP%3EAnybody%20else%20noticed%20anything%20new%20(with%20or%20without%20flags)%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHave%20a%20great%20weekend%2C%20and%20stay%20safe!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2044673%22%20slang%3D%22en-US%22%3ERe%3A%20Canary%20Version%2089.0.760.0%3A%20Tab%20group%20icon%20shape%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2044673%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F320371%22%20target%3D%22_blank%22%3E%40Pete_FFC%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3EI%20noticed%20it%20too%2C%20it%20looks%20broken%2C%20hopefully%20it%20will%20be%20fixed%20in%20next%20update%20because%20this%20is%20a%20regression%20in%20terms%20of%20design%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22%7B9786E88C-7A72-493A-AF0B-BEA0E33D0246%7D.png%22%20style%3D%22width%3A%20840px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F244968iA2AEA23CA8C9592A%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22%7B9786E88C-7A72-493A-AF0B-BEA0E33D0246%26amp%3B%23125%3B.png%22%20alt%3D%22%7B9786E88C-7A72-493A-AF0B-BEA0E33D0246%26amp%3B%23125%3B.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22%7BCBF81250-F723-42BC-8BAF-348A98E25B9B%7D.png%22%20style%3D%22width%3A%20255px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F244967i742ADEB33F2BFE87%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22%7BCBF81250-F723-42BC-8BAF-348A98E25B9B%26amp%3B%23125%3B.png%22%20alt%3D%22%7BCBF81250-F723-42BC-8BAF-348A98E25B9B%26amp%3B%23125%3B.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2044702%22%20slang%3D%22en-US%22%3ERe%3A%20Canary%20Version%2089.0.760.0%3A%20Tab%20group%20icon%20shape%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2044702%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYes%2C%20I%20noticed%20the%20issue%20in%20vertical%20mode%20-definitely%20looks%20broken.%20I%20thought%20there%20was%20a%20problem%20in%20horizontal%20mode%20too%20before%20I%20labelled%20the%20groups%20because%20instead%20of%20a%20circle%20there%20was%20kind%20of%20a%20squished%20circle.%20Makes%20sense%20though%20once%20you%20label%20them!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2044916%22%20slang%3D%22en-US%22%3ERe%3A%20Canary%20Version%2089.0.760.0%3A%20Tab%20group%20icon%20shape%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2044916%22%20slang%3D%22en-US%22%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F320371%22%20target%3D%22_blank%22%3E%40Pete_FFC%3C%2FA%3E%20It%20looks%20awesome!%20I'd%20love%20to%20see%20this%20in%20Dev.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2045126%22%20slang%3D%22en-US%22%3ERe%3A%20Canary%20Version%2089.0.760.0%3A%20Tab%20group%20icon%20shape%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2045126%22%20slang%3D%22en-US%22%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EA%20number%20of%20folks%20are%20noticing%20a%20new%20bug%20with%20vertical%20tabs.%26nbsp%3B%20According%20to%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F309365%22%20target%3D%22_blank%22%3E%40josh_bodner%3C%2FA%3E%2C%20%22Tab%20drag%20and%20drop%20is%20broken%20for%20vertical%20tabs.%22%26nbsp%3B%26nbsp%3BThis%20bug%20will%20be%20fixed%20in%20Canary%20first%2C%20right%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F320371%22%20target%3D%22_blank%22%3E%40Pete_FFC%3C%2FA%3E%26nbsp%3B%20%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2045161%22%20slang%3D%22en-US%22%3ERe%3A%20Canary%20Version%2089.0.760.0%3A%20Tab%20group%20icon%20shape%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2045161%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F320371%22%20target%3D%22_blank%22%3E%40Pete_FFC%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ethey%20still%20look%20fine%20before%20this%20change%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ethis%20is%20on%20Edge%20stable%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22%7B87C1C8F9-4212-420F-B34B-B57E9E5B8AA9%7D.png%22%20style%3D%22width%3A%20522px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F245038i55BC77342A414766%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22%7B87C1C8F9-4212-420F-B34B-B57E9E5B8AA9%26amp%3B%23125%3B.png%22%20alt%3D%22%7B87C1C8F9-4212-420F-B34B-B57E9E5B8AA9%26amp%3B%23125%3B.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2045163%22%20slang%3D%22en-US%22%3ERe%3A%20Canary%20Version%2089.0.760.0%3A%20Tab%20group%20icon%20shape%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2045163%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F921908%22%20target%3D%22_blank%22%3E%40press0%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eit%20is%20fixed%20in%20canary%20already%20%3A)%3C%2Fimg%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2045541%22%20slang%3D%22en-US%22%3ERe%3A%20Canary%20Version%2089.0.760.0%3A%20Tab%20group%20icon%20shape%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2045541%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F310193%22%20target%3D%22_blank%22%3E%40HotCakeX%3C%2FA%3E%26nbsp%3BThis%20is%20what%20I'm%20seeing%20on%20the%20horizontal%20tabs%20when%20I%20don't%20name%20them%20-%20they%20have%20the%20coloured%20line%20along%20them%20top%2C%20instead%20of%20the%20whole%20tab%20being%20outlined.%20I%20think%20that%20this%20is%20more%20subtle%20and%20slicker.%20When%20I%20name%20them%2C%20they%20are%20rectangular.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EStill%20got%20the%20horizontal%20line%20in%20vertical%20mode.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Pete_FFC_0-1610203882145.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F245093i52C5B71AE5E65EB5%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Pete_FFC_0-1610203882145.png%22%20alt%3D%22Pete_FFC_0-1610203882145.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHave%20a%20great%20weekend!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2045700%22%20slang%3D%22en-US%22%3ERe%3A%20Canary%20Version%2089.0.760.0%3A%20Tab%20group%20icon%20shape%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2045700%22%20slang%3D%22en-US%22%3EHmm%20okay%20we'll%20see%20whether%20it's%20a%20bug%20or%20they%20want%20to%20actually%20keep%20it%3CBR%20%2F%3E%3CBR%20%2F%3Eyou%20too!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2045898%22%20slang%3D%22en-US%22%3ERe%3A%20Canary%20Version%2089.0.760.0%3A%20Tab%20group%20icon%20shape%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2045898%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F921908%22%20target%3D%22_blank%22%3E%40press0%3C%2FA%3E%26nbsp%3BI'm%20not%20a%20member%20of%20the%20Microsoft%20team%2C%20but%20I%20would%20assume%20that%20Canary%20will%20see%20any%20changes%2Ffixes%20first.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECan%20anyone%20from%20Team%20Microsoft%20confirm%2Fadvise%20please%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks!%26nbsp%3B%3CIMG%20class%3D%22lia-deferred-image%20lia-image-emoji%22%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Fhtml%2Fimages%2Femoticons%2Fsmile_40x40.gif%22%20alt%3D%22%3Asmile%3A%22%20title%3D%22%3Asmile%3A%22%20%2F%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2046141%22%20slang%3D%22en-US%22%3ERe%3A%20Canary%20Version%2089.0.760.0%3A%20Tab%20group%20icon%20shape%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2046141%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F320371%22%20target%3D%22_blank%22%3E%40Pete_FFC%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThat%20is%20right%2C%3C%2FP%3E%3CP%3Ethey%20have%20already%20confirmed%20it%20before%20in%20various%20comments%20they%20made%20throughout%20the%20forum.%3C%2FP%3E%3CP%3Elogically%20it%20makes%20sense%20too%2C%20Canary%20is%20on%20the%20forefront%2C%20has%20the%20highest%20version%20number%20etc.%3C%2FP%3E%3CP%3Eso%20it%20experiences%20bugs%2Fupdates%2Ffixes%20first%20but%20also%20receives%20them%20as%20fast%20as%20possible.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

Hi everyone. I've  just been updated to this version, and the first difference I've noticed is with the tab groups:

  • The shape of the label has changed from circular to a round-cornered rectangle. I think this makes sense as it reflects the shape of the tabs themselves.
  • There's a subtle line of colour along the tops of all the tabs in a particular group. I think this is nicer than when the lines were all around the edges of the tabs and along the bottom, which I thought looked clumsy.

Anybody else noticed anything new (with or without flags)?

 

Have a great weekend, and stay safe!

13 Replies

@Pete_FFC 

Hi,

I noticed it too, it looks broken, hopefully it will be fixed in next update because this is a regression in terms of design

 

{9786E88C-7A72-493A-AF0B-BEA0E33D0246}.png

 

{CBF81250-F723-42BC-8BAF-348A98E25B9B}.png

 

Hi @HotCakeX 

 

Yes, I noticed the issue in vertical mode -definitely looks broken. I thought there was a problem in horizontal mode too before I labelled the groups because instead of a circle there was kind of a squished circle. Makes sense though once you label them!

@Pete_FFC It looks awesome! I'd love to see this in Dev.

 

A number of folks are noticing a new bug with vertical tabs.  According to @josh_bodner, "Tab drag and drop is broken for vertical tabs."  This bug will be fixed in Canary first, right @Pete_FFC  ?

 

@Pete_FFC 

they still look fine before this change

 

this is on Edge stable

 

{87C1C8F9-4212-420F-B34B-B57E9E5B8AA9}.png

 

@press0 

it is fixed in canary already :)

@HotCakeX This is what I'm seeing on the horizontal tabs when I don't name them - they have the coloured line along them top, instead of the whole tab being outlined. I think that this is more subtle and slicker. When I name them, they are rectangular.

 

Still got the horizontal line in vertical mode.

 

Pete_FFC_0-1610203882145.png

 

Have a great weekend!

Hmm okay we'll see whether it's a bug or they want to actually keep it

you too!

@press0 I'm not a member of the Microsoft team, but I would assume that Canary will see any changes/fixes first.

 

Can anyone from Team Microsoft confirm/advise please?

 

Thanks! :smile:

@Pete_FFC 

That is right,

they have already confirmed it before in various comments they made throughout the forum.

logically it makes sense too, Canary is on the forefront, has the highest version number etc.

so it experiences bugs/updates/fixes first but also receives them as fast as possible.

Looking again at the shape of the tab icon, I think it would make more sense and look better if it were wider to that it became a vertical rectangle with rounded corners, rather than the blob it currently is. The rectangular shape would also work well aesthetically in vertical mode.

 

This would be more in keeping with the shape when it has a label and fill the space to the left of the tab.

 

I really like the subtle coloured horizontal line on the tabs in each group. It's clear and looks classier.

didn't look bad before.

@HotCakeX Yes, when they were circular it was ok, but I think that if they were rectangular, they would fit into the general aesthetic (windows, tabs) better. If they were rectangular it would make more design sense in my opinion.