tree-style-tab.md

Tree Style Tab

Firefox Add-on: https://addons.mozilla.org/en-US/firefox/addon/tree-style-tab/

For getting rid of the horizontal tab bar to save vertical space and reduce confusion, edit userChrome.css to add this:

/* Hide tab bar in FF Quantum */
@-moz-document url("chrome://browser/content/browser.xul") {
  #TabsToolbar {
    visibility: collapse !important;
    margin-bottom: 21px !important;
  }

  #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
    visibility: collapse !important;
  }
}

To find your userChrome.css file:

1. Go to Help -> Troubleshooting Information (this should open about:support in a new tab)
2. Find the entry "Profile folder" and copy the path or click on "Show"
3. Open the chrome sub-folder or create it if missing
4. Open the file userChrome.css or create it if missing

Credits: https://news.ycombinator.com/item?id=18836967

Pro-tips

• use F1 to show/hide the tree-style sidebar
  • the shortcut can be configured in the extension's preferences, I've set mine to Cmd+Shift+O
• add % in front of queries in the address bar (Awesome Bar) to search your tabs, see help page