Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Tree Style Tabs

addons.mozilla.org

Post reply on HN
Print view View original

1–10 of 197 posts

Re: Tree Style Tabs

#2

Post by WaxProlix »

I used this for a bit but the duplication of information from this and the existing tab bar made it really annoying. Maybe you can hide the 'normal' bar pretty easily and I just didn't find the setting?

Re: Tree Style Tabs

#3

Post by nneonneo »

I use TST extensively to manage hundreds of tabs, and it is a real joy. FWIW, these are the customizations that made TST much more usable for me:

1) Very importantly, hide the horizontal tab bar. You get some vertical screen space back, and you aren't distracted by two ways of showing the same tabs. You'll have to edit your userChrome.css (see e.g. http://kb.mozillazine.org/index.php?title=UserChrome.css&pri... for details on how to find it), and add something like 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;
    }
  }
There are a few variations; this is the one that works well for me on Mac. The second block also hides the sidebar title for TST, which saves space in the tab bar.

2) I customize the tabs themselves to make them more compact, thus letting me see more tabs. This CSS can be placed in the TST addon preferences under the "Advanced" section.

  /* Compact tab layout */
  :root { --tab-height: 20px !important; }
  .tab { height: 20px !important; }
  /* Shrink space between pinned tabs and tab bar, only when pins are present */
  #tabbar[style*="margin"] { margin-top: 20px !important; }

  /* Show title of unread tabs with red font */
  .tab.unread .label {
    color: red !important;
  }

  /* Add private browsing indicator per tab */
  .tab.private-browsing .label:before {
    content: " ";
  }
I highly recommend this addon, and it's a major differentiator for me between Firefox and Chrome.

Re: Tree Style Tabs

#4

Post by nneonneo »

WaxProlix wrote: post #2

I used this for a bit but the duplication of information from this and the existing tab bar made it really annoying. Maybe you can hide the 'normal' bar pretty easily and I just didn't find the setting?

If you install the new version of the addon, it (should) pop up a little help message telling you how to hide the existing tab bar. Basically (as I detail in my other comment) you need to edit a file in the user profile directory. Sadly, the Mozilla team hasn't gotten around to adding a real setting for this yet (although there are plans to).

Re: Tree Style Tabs

#5

Post by shabbyrobe »

nneonneo wrote: post #3

I use TST extensively to manage hundreds of tabs, and it is a real joy. FWIW, these are the customizations that made TST much more usable for me: 1) Very importantly, hide the horizontal tab bar. You get some vertical screen space back, and you aren't distracted by two ways of showing the same tabs. You'll have to edit your userChrome.css (see e.g. http://kb.mozillazine.org/index.php?title=UserChrome.css&pri... for d…

Thank you for providing this detail, I used to use tree tabs before the webextensions fiasco but hadn't gone back to it yet as I wasn't aware it was possible to hide the existing tab bar. I'll definitely give it another shot now thanks to your help!

The last time I tried TST, it was fairly hostile to my battery on macOS; is that still a problem?

Sidebar tabs are a massive workflow upgrade, it surprises me that it's not a core browser feature, especially now with the ridiculous proliferation of those loathsome vertical-space hostile sticky elements that have spread through the web like a plague.

Re: Tree Style Tabs

#7

Post by gamma-male »

I don’t understand how people browse the web without this extension. That’s the number one reason chrome is not usable for power users. I’m also wondering why this is not natively supported by both firefox and chrome.

Re: Tree Style Tabs

#8

Post by chrismorgan »

cocolos wrote: post #6

Anyone know of a way to bookmark the tree structure in TST?

Right clicking on a tab, I have an item `Tree Style Tab → Bookmark this tree…`. I use Firefox Nightly; this may be a Nightly feature, I don’t know.

Re: Tree Style Tabs

#9

Post by nneonneo »

shabbyrobe wrote: post #5
nneonneo wrote: post #3

I use TST extensively to manage hundreds of tabs, and it is a real joy. FWIW, these are the customizations that made TST much more usable for me: 1) Very importantly, hide the horizontal tab bar. You get some vertical screen space back, and you aren't distracted by two ways of showing the same tabs. You'll have to edit your userChrome.css (see e.g. http://kb.mozillazine.org/index.php?title=UserChrome.css&pri... for d…

Thank you for providing this detail, I used to use tree tabs before the webextensions fiasco but hadn't gone back to it yet as I wasn't aware it was possible to hide the existing tab bar. I'll definitely give it another shot now thanks to your help! The last time I tried TST, it was fairly hostile to my battery on macOS; is that still a problem? Sidebar tabs are a massive workflow upgrade, it surprises me that it's n…

If by "last time" you mean the pre-WebExtension version - yes, that version was rather CPU intensive and I used a different extension (no longer maintained post-WebExtension) back then.

I haven't seen any negative performance impact as far as battery or CPU usage are concerned, but as usual YMMV.

Re: Tree Style Tabs

#10

Post by hbosch »

gamma-male wrote: post #7

I don’t understand how people browse the web without this extension. That’s the number one reason chrome is not usable for power users. I’m also wondering why this is not natively supported by both firefox and chrome.

Tomato/tomato. I don’t understand how people browse the web with more than 4 or 5 tabs open at the same time.
Post reply on HN