Skip to content

Instantly share code, notes, and snippets.

@Fartomy
Created April 20, 2024 14:10
Show Gist options
  • Save Fartomy/72fdc117da2f79ff4ea3553727b20283 to your computer and use it in GitHub Desktop.
Save Fartomy/72fdc117da2f79ff4ea3553727b20283 to your computer and use it in GitHub Desktop.
Tree Style Tab

🌳 Tree Style Tabs

On the browser, your tabs can become extremely crowded at the top and cause confusion. As a solution to this, you can download Tree Style Tab from your browser add-on store (Firefox for me).

For Firefox based browsers

Setup

After downloading this plugin, you may no longer want the tab blog at the top, here are the steps for this:

  1. Type about:config in the URL bar and accept to risk warn
  2. Type legacy in the search bar and set the value of toolkit.legacyUserProfileCustomizations.stylesheets section to true
  3. Back again the URL and type about:profiles
  4. Click on the Open Directory button in the Root Directory section in the Profiles: default-release section and go to the relevant directory.
  5. Create a folder called chrome in that directory.
  6. Create a file named userChrome.css in that folder
  7. Paste the following into that file:
#TabsToolbar {
  visibility: collapse;
}

#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]
  #sidebar-header {
  display: none;
}
  1. Save and exit the file and reopen to Firefox

That's it.

Extension Extends

If you want to examine the extensions of the extension, you can examine the extension extend TST section on the extension page. As an example, such a plugin is available (TST Auto Group Tabs).

Source

  1. Tree Style Tabs Eklentisiyle Sekmelerinizi Yönetin
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment