1394125 - Condense tab context menu using icons

Status: NEW

(Firefox :: Tabbed Browser, enhancement, P5)

Description

[IdmFoundInHim]

Attachment: Comparing Tab context menus left to right: Chrome, Firefox/Nightly, Edge

I have noticed that the tab context menu is too crowded with various simple actions.  It is also due for a UI update.  If you right-click on a web page, there are back, forward, refresh, and bookmark icons (instead of words).  It would make sense to put icons across the top of the tab context menu for reload, mute, pin, send to device, and close.  This would allow you to put more space between options and even make set the context menu to get bigger in touch density mode.  The tab context menus in Chrome and Edge are about the same size, but are easier to use and less overwhelming since they have more space between options.  (See "Comparison Tab Context Menus.png".)  Using icons would allow you to keep all the options, but widen the spacing and enhance the visual appeal of the menu.

Comment 1

[IdmFoundInHim]

Attachment: Web Page Context Menu.png

This shows the icons that are already integrated into the web page context menu.

Comment 2

[Zibi Braniecki [:zbraniecki][:gandalf]]

:bbell - can you triage this?

Comment 3

[Tim Nguyen :ntim]

Redirecting to Amy as she's been working on the tab context menu.

From the mockups, I'm guessing this isn't something we want, but needinfo'ing to be sure :)

Comment 4

[Amy Lee [:amylee] UX]

(In reply to Tim Nguyen :ntim from comment #3)
> Redirecting to Amy as she's been working on the tab context menu.
> 
> From the mockups, I'm guessing this isn't something we want, but
> needinfo'ing to be sure :)

Yeah please stick to the mock-up. Thanks!