Chrome 76 style extension toolbar menu

%3CLINGO-SUB%20id%3D%22lingo-sub-1961056%22%20slang%3D%22en-US%22%3EChomre%2076%20style%20extension%20toolbar%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1961056%22%20slang%3D%22en-US%22%3E%3CP%3EChrome%2076%20introduced%20a%20menu%20to%20allow%20you%20to%20easily%20choose%20which%20toolbar%20icons%20are%20hidden%20in%20the%20menu%20and%20which%20aren't%20(that%20is%2C%20which%20are%20pinned).%26nbsp%3B%20I%20personally%20think%20this%20is%20an%20improvement%20in%20usability%20and%20something%20Edge%20should%20consider%20adopting.%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%22keeganwitt_0-1607306318140.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F238131i5FCA2E5F5ABC14D6%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22keeganwitt_0-1607306318140.png%22%20alt%3D%22keeganwitt_0-1607306318140.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22keeganwitt_0-1607305997475.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F238130iAF5906A19BD60BA9%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22keeganwitt_0-1607305997475.png%22%20alt%3D%22keeganwitt_0-1607305997475.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-1961658%22%20slang%3D%22en-US%22%3ERe%3A%20Chomre%2076%20style%20extension%20toolbar%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1961658%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F588079%22%20target%3D%22_blank%22%3E%40keeganwitt%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3EI%20think%20it%20is%20in%20conflict%20with%20current%20Edge's%20implementation.%3C%2FP%3E%3CP%3Eyou%20can%20already%20pin%20extension%20icons%20to%20the%20menu%20and%20the%20menu%20is%20the%20ellipsis%20menu%20(...)%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%22dsda.png%22%20style%3D%22width%3A%20326px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F238173iA86BA5EBD2AF057A%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22dsda.png%22%20alt%3D%22dsda.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%22dsdsa.png%22%20style%3D%22width%3A%20348px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F238174i07827719169AA26C%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22dsdsa.png%22%20alt%3D%22dsdsa.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20personally%20don't%20see%20the%20necessity%20to%20have%20a%3CSTRONG%3E%202nd%20menu%3C%2FSTRONG%3E%20for%20Edge%20extensions.%20why%20do%20you%20exactly%20feel%20like%20you%20need%20a%202nd%20menu%3F%3C%2FP%3E%3CP%3Ealso%2C%20if%20they%20do%20that%2C%20right-click%20and%20choosing%20move%20to%20menu%20would%20be%20confusing%2C%20because%20the%20users%20think%20which%20menu!%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eright%20now%20if%20you%20drag%20the%20right%20edge%20of%20the%20address%20bar%20and%20move%20it%20to%20the%20right%2C%20all%20the%20extension%20icons%20are%20moved%20to%20the%20menu%2C%20it's%20pretty%20easy%20compared%20to%20right-clicking%20on%20them%2C%20one-by-one%20and%20choosing%20move%20to%20menu.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1962021%22%20slang%3D%22en-US%22%3ERe%3A%20Chomre%2076%20style%20extension%20toolbar%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1962021%22%20slang%3D%22en-US%22%3E%3CP%3EThe%20current%20implementation%20is%20the%20same%20as%20in%20previous%20versions%20of%20Chrome%2C%20and%20the%20new%20toolbar%20was%20in%20some%20versions%20of%20Edge%20Canary%20earlier.%20The%20new%20toolbar%20menu%20looks%20a%20lot%20more%20attractive%20as%20the%20colored%20extension%20icons%20look%20unnatural%20in%20the%20monotonous%20main%20three-dots%20context%20menu%20(especially%20if%20I%20hide%20only%20one%20extension).%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1962078%22%20slang%3D%22en-US%22%3ERe%3A%20Chomre%2076%20style%20extension%20toolbar%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1962078%22%20slang%3D%22en-US%22%3E%3CP%3EYeah%20I%20remember%20that%2C%20so%20this%20new%20extension%20list%20should%20replace%20the%20current%20implementation%20and%20not%20coexist%20with%20it.%3CBR%20%2F%3Eand%20I%20see%20at%20the%20end%20it%20has%20%22mange%20extensions%22%20options%20which%20is%20a%20duplicate%20of%20%22extensions%22%20in%20Edge%20(...)%20menu.%3CBR%20%2F%3E%3CBR%20%2F%3EI%20mean%20I%20see%20this%20is%20a%20%22new%22%20implementation%2C%20but%20something%20that's%20new%20doesn't%20necessarily%20mean%20better.%20just%20changing%20little%20details%20from%20here%20to%20there%20doesn't%20make%20it%20useful.%3CBR%20%2F%3E%3CBR%20%2F%3Eright%20now%20in%20Edge%2C%20you%20can%20right-click%20on%20each%20extension%20for%20all%20the%20extension%20options.%20in%20Chrome%20you%20need%20to%20left-click.%20that's%20not%20really%20an%20improvement.%3CBR%20%2F%3E%3CBR%20%2F%3E%22%20The%20new%20toolbar%20menu%20looks%20a%20lot%20more%20attractive%20as%20the%20colored%20extension%20icons%20look%20unnatural%20in%20the%20monotonous%20main%20three-dots%20context%20menu%20(especially%20if%20I%20hide%20only%20one%20extension)%22%3CBR%20%2F%3E%3CBR%20%2F%3Ewell%20maybe%20to%20you%2C%20but%20to%20me%20the%20Chrome's%20extension%20toolbar%20looks%20weird%20because%20of%20the%20black%20background%20and%20all%20the%20colored%20extension%20icons.%3CBR%20%2F%3E%3CBR%20%2F%3Eand%20they%20added%20a%20scrollbar%2C%20which%20is%20one%20more%20unnecessary%20step%2C%20specially%20in%20desktop%20screens.%20in%20Edge%2C%20extension%20icons%20can%20be%20located%20next%20to%20each%20other.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eand%20even%20if%20that's%20the%20case%2C%20then%20you%20can%20do%202%20other%20things%20instead%20of%20this%3A%3C%2FP%3E%3COL%3E%3CLI%3Erequest%20to%20change%20the%20color%20of%20the%20Edge%20ellipsis%20menu%20background%3C%2FLI%3E%3CLI%3Elet%20themes%20change%20the%20color%20of%20ellipsis%20menu%20background.%3C%2FLI%3E%3C%2FOL%3E%3CP%3Eso%20yes%20I%20think%20Chrome's%20extension%20toolbar%20would%20be%20a%20regression%20if%20Edge%20implemented%20the%20same%20thing.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1964255%22%20slang%3D%22en-US%22%3ERe%3A%20Chomre%2076%20style%20extension%20toolbar%20menu%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1964255%22%20slang%3D%22en-US%22%3ECan%20say%20nothing%20about%20dark%20theme%2C%20but%20in%20light%20it%20looks%20pretty%20good%20(%2B%20Chrome's%20dark%20theme%20is%20actually%20black%20when%20Edge's%20is%20gray%2C%20so%20nothing%20will%20change).%3CBR%20%2F%3EIt%20is%20not%20a%20regression%2C%20because%20the%20new%20popup%20has%20a%20lot%20of%20pros%2C%20such%20as%20displaying%20at%20a%20glance%20which%20extensions%20have%20access%20to%20web%20page%2C%20and%20which%20is%20not%2C%20more%20intuitive%20pinning%20of%20extensions%20and%20now%20I%20don't%20have%20to%20remember%20which%20extension%20corresponds%20to%20which%20icon%20%3D%26gt%3B%20faster%20finding%20the%20desired%20extension%20on%20the%20screen%20if%20there%20are%20many.%3C%2FLINGO-BODY%3E
Contributor

Chrome 76 introduced a menu to allow you to easily choose which toolbar icons are hidden in the menu and which aren't (that is, which are pinned).  I personally think this is an improvement in usability and something Edge should consider adopting.

 

keeganwitt_0-1607306318140.png

keeganwitt_0-1607305997475.png

 

9 Replies

@keeganwitt 

Hi,

I think it is in conflict with current Edge's implementation.

you can already pin extension icons to the menu and the menu is the ellipsis menu (...)

 

dsda.png

 

dsdsa.png

 

I personally don't see the necessity to have a 2nd menu for Edge extensions. why do you exactly feel like you need a 2nd menu?

also, if they do that, right-click and choosing move to menu would be confusing, because the users think which menu! 

 

right now if you drag the right edge of the address bar and move it to the right, all the extension icons are moved to the menu, it's pretty easy compared to right-clicking on them, one-by-one and choosing move to menu.

 

 

The current implementation is the same as in previous versions of Chrome, and the new toolbar was in some versions of Edge Canary earlier. The new toolbar menu looks a lot more attractive as the colored extension icons look unnatural in the monotonous main three-dots context menu (especially if I hide only one extension).

Yeah I remember that, so this new extension list should replace the current implementation and not coexist with it.
and I see at the end it has "mange extensions" options which is a duplicate of "extensions" in Edge (...) menu.

I mean I see this is a "new" implementation, but something that's new doesn't necessarily mean better. just changing little details from here to there doesn't make it useful.

right now in Edge, you can right-click on each extension for all the extension options. in Chrome you need to left-click. that's not really an improvement.

" The new toolbar menu looks a lot more attractive as the colored extension icons look unnatural in the monotonous main three-dots context menu (especially if I hide only one extension)"

well maybe to you, but to me the Chrome's extension toolbar looks weird because of the black background and all the colored extension icons.

and they added a scrollbar, which is one more unnecessary step, specially in desktop screens. in Edge, extension icons can be located next to each other.

 

and even if that's the case, then you can do 2 other things instead of this:

  1. request to change the color of the Edge ellipsis menu background
  2. let themes change the color of ellipsis menu background.

so yes I think Chrome's extension toolbar would be a regression if Edge implemented the same thing.

 

Can say nothing about dark theme, but in light it looks pretty good (+ Chrome's dark theme is actually black when Edge's is gray, so nothing will change).
It is not a regression, because the new popup has a lot of pros, such as displaying at a glance which extensions have access to web page, and which is not, more intuitive pinning of extensions and now I don't have to remember which extension corresponds to which icon => faster finding the desired extension on the screen if there are many.

@msekmfb1 

Spoiler

@msekmfb1 wrote:
Can say nothing about dark theme, but in light it looks pretty good (+ Chrome's dark theme is actually black when Edge's is gray, so nothing will change).
It is not a regression, because the new popup has a lot of pros, such as displaying at a glance which extensions have access to web page, and which is not, more intuitive pinning of extensions and now I don't have to remember which extension corresponds to which icon => faster finding the desired extension on the screen if there are many.

displaying at a glance which extensions have access to web page, Edge's current implementation allows for that too. extension icons with white circle and in this form are inactive, the rest are active for that website or set for on-click activation.

it's a clear indication imo

 

dsds.png

 

fdfd.png

 

fdfdff.png

 

 

like you said it only might be good for showing the names next to icons for quickly finding which extension is which if their icons are too similar, although you can hover over or touch the icon to see their names on Edge too.

I agree this would replace and not supplement the current layout.  I also recognize this is a bit of a matter of taste, which is why I said in the original post that I personally found it more usable.  Here's why, specifically:

  1. Ability to move icons around in 1 click, rather than click & drag or right-clicking then selecting "move to menu" is better.  Fewer clicks is more convenient.
  2. The vertical list is a superior way of displaying extensions when there are many of them.  The old Chrome (and current Edge) display wraps icons onto a second horizontal row if it overflows the space in the first row.
  3. Vertically placing icons allows you to display additional information, such as the name (I know you can hover this, but seeing at a glance is faster, and therefore better), and extension permissions.  This last point wasn't captured in my original screenshot, so there's a screenshot showing how this looks in Chrome below.

keeganwitt_0-1607452326601.png

Correct, but this in current implementation they aren't sorted and it is a bit difficult to determine if the extension has access to the site or not, if its icon is already white;
FYI, it looks like the latest Dev build includes this change.
Yup, it did, and now I really like it since it's Edge's own implementation and not coming from Chromium.
this extension button makes extensions easier to use and manage.

https://techcommunity.microsoft.com/t5/articles/introducing-the-new-extensions-menu-on-the-toolbar/m...