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

No longer works. Latest update removes window controls( close, minimize buttons) and the title bar is just blank.

@ajrc0re I'm using Firefox 66.0b6 on MacOS, with Tree Style Tab 2.7.18.

What's the latest update you're talking about?

Thanks for this. One question however. Is this how yours looks?

With the window controls right over the back and forward buttons? Or did I do something wrong?

Firefox 60.5.0esr tree style tab 2.7.18.

@ajrc0re same this broke for me today when Tree Style Tab came out with an update I guess?!?
@alexandru I'm using Firefox 65.0.1 on MacOS with Tree Style Tab 2.7.21 ... automatic updates are turned on.
@SurfaceThought that's how it used to look for me. Was perfectly fine with it.

Any ideas on a fix?