Vertical Tabs in Firefox
While other web browsers ship with vertical tabs out-of-the-box, support for vertical tabs is non-existing in Firefox.
Add-ons have failed to deliver a bearable user experience due to a myriad of largely intentional limitations in the Web Extensions API these add-ons are forced to use.
Firefox users have manually adapted the user interface for years by adding changes to their
With support for this approach being deprecated and removed, it felt right to use the remaining time to explore whether it’s possible to build an enjoyable user experience with the tools available.
- Install the Tree Style Tabs add-on for Firefox.
- Go to Firefox’ profile directory, create a
chromedirectory and create a file named
userChrome.cssin that directory.
- Copy these CSS rules into the file.
- Add these CSS rules to Tree Style Tabs’ “extra style rules for sidebar contents” section:
Add-ons › Tree Style Tabs Preferences › Advanced.
- Activate Firefox’ bookmark toolbar and right-click into the top left area to add new bookmarks.
(Specifying a URL, but not a title will turn them into icons.)
Here is the result: