3 ms·

One Firefox addon single-handedly changed my browsing experience - Tree Style Tabs. With a little bit of styling & userChrome modification, you get a browsing e

One Firefox addon single-handedly changed my browsing experience - Tree Style Tabs. With a little bit of styling & userChrome modification, you get a browsing experience that (a) handles huge numbers of tabs in a sane fashion, (b) takes up only a bit of space on the side, freeing up valuable vertical room & making all your tab names nice and readable, and (c) makes organizing and pruning tabs a snap. It's heavily customizable (but works well out of the box), and it's pretty exclusively for Firefox - similar things for Chrome rely on separate windows and can't remove the top tab bar (making them somewhat redundant). I also use multiple profiles via Profile Manager pretty frequently - it's super handy to have the ability to launch a clean browser environment for debugging purposes, and to have separate work profiles for different jobs to avoid cross-contamination. Firefox Sync also works quite well between all of my devices, and it's properly end-to-end encrypted for improved security.

VexorLoophole 8y ago
Can you post your styling and userChrome setup? Sounds stupid but i like the concept of TreeStyleTabs but i always disabled it after some time. Firefox finally looks slick again on MacOS. And i want something nice to look at when i work 8+ hours with it. And Tree Style Tabs always turned me off somehow.
- nneonneo 8y ago
  I use the "Sidebar" style on my Mac, with the TST add-on from piro_or. I previously used a different tree style tab addon but it was not updated for WebExtensions. TST addon preference style: /* 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; } userChrome.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; } } Then I needed to turn on the title bar (right click toolbar -> customize -> check title bar at the bottom), and select Density -> Compact. The whole thing ends up looking like this: https://imgur.com/a/c4j9QxR https://imgur.com/a/c4j9QxR With some very small tweaks you could change it to look more like a Mac toolbar, I guess, but as it stands it's pretty svelte.

VexorLoophole 8y ago

Can you post your styling and userChrome setup? Sounds stupid but i like the concept of TreeStyleTabs but i always disabled it after some time. Firefox finally looks slick again on MacOS. And i want something nice to look at when i work 8+ hours with it. And Tree Style Tabs always turned me off somehow.

nneonneo 8y ago
I use the "Sidebar" style on my Mac, with the TST add-on from piro_or. I previously used a different tree style tab addon but it was not updated for WebExtensions. TST addon preference style: /* 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; } userChrome.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; } } Then I needed to turn on the title bar (right click toolbar -> customize -> check title bar at the bottom), and select Density -> Compact. The whole thing ends up looking like this: https://imgur.com/a/c4j9QxR https://imgur.com/a/c4j9QxR With some very small tweaks you could change it to look more like a Mac toolbar, I guess, but as it stands it's pretty svelte.