Vertical tabs: add way to easily switch between hidden, icon, and full tab layouts

[myster]

Right now, there are three different layouts for the vertical tab sidebar: a full tabs layout, displaying the website icon and title, an icon layout, displaying just the website icon, and a hidden layout, not displaying any information about the open tab.

The way to switch between these layouts is to activate a toggle in the "Customise Sidebar" menu: the "Hide Tabs and Sidebar" option. This toggle (which takes 4 clicks to activate and subsequently to close the menu) switches between two modes: a mode which switches between icons and full tabs, and a mode that switches between hidden and full tabs.

Personally, the most useful options are the hidden (whilst viewing a website) and the icon (whilst switching tabs) modes (with full tabs still being useful when switching between many tabs with the same/similar icons).

If you try to manually drag the sidebar hidden whilst "Hide Tabs and Sidebar" is disabled, it goes to the hidden position while the mouse is down, but when you release, it snaps back to the icon mode. Similarly, when you drag the sidebar to the icon width whilst "Hide Tabs and Sidebar" is enabled, the layout actually changes to the icon layout and remains there while the mouse is down, but when you release, it snaps to hidden.

There is actually a bug, where if you have "Hide Tabs and Sidebar" enabled, and your tabs in the hidden layout, and open the "Customise Sidebar" menu, the layout will change to icon mode until the sidebar layout is changed, either by manually dragging it shut, or by clicking the vertical tabs sidebar button, at which point they go back to hidden. This is janky, but similar to the desired behaviour.

[Jon]

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.