Skip to content

Instantly share code, notes, and snippets.

@softinio

softinio/tree-style-tab.md

Forked from alexandru/tree-style-tab.md
Created January 29, 2019 22:56
Show Gist options
  • Save softinio/d8ce4b635d62dc4fbfd180fbe500cf2e to your computer and use it in GitHub Desktop.
Save softinio/d8ce4b635d62dc4fbfd180fbe500cf2e to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @alexandru alexandru renamed this gist Jan 29, 2019. 1 changed file with 0 additions and 0 deletions.
    0 tree-style-tabs.md → tree-style-tab.md
    View file
    File renamed without changes.
  2. @alexandru alexandru revised this gist Jan 29, 2019. 1 changed file with 8 additions and 1 deletion.
    9 changes: 8 additions & 1 deletion tree-style-tabs.md
    View file
    Original file line number Diff line number Diff line change
    @@ -26,4 +26,11 @@ To find your `userChrome.css` file:
    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
    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)
  3. @alexandru alexandru revised this gist Jan 29, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion tree-style-tabs.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    # Tree Style Tab

    Add-on:
    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:
  4. @alexandru alexandru revised this gist Jan 29, 2019. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion tree-style-tabs.md
    View file
    Original file line number Diff line number Diff line change
    @@ -24,4 +24,6 @@ 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
    4. Open the file `userChrome.css` or create it if missing

    Credits: https://news.ycombinator.com/item?id=18836967
  5. @alexandru alexandru revised this gist Jan 29, 2019. 1 changed file with 5 additions and 2 deletions.
    7 changes: 5 additions & 2 deletions tree-style-tabs.md
    View file
    Original file line number Diff line number Diff line change
    @@ -19,6 +19,9 @@ For getting rid of the horizontal tab bar to save vertical space and reduce conf
    }
    ```

    To find your `userChrome.css`:
    To find your `userChrome.css` file:

    1. open [about:support](about:support)
    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
  6. @alexandru alexandru created this gist Jan 29, 2019.
    24 changes: 24 additions & 0 deletions tree-style-tabs.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    # Tree Style Tab

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

    1. open [about:support](about:support)