# 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:

```css
/* 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](https://support.mozilla.org/en-US/kb/awesome-bar-search-firefox-bookmarks-history-tabs#w_changing-results-on-the-fly_2)