Firefox is back. It's time to give it a try

Re:Firefox is back. It's time to give it a try by nneonneo on Thursday June 21, 2018 @05:25AM (#17363414)

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.

[ Parent | on HN ]

Re:Firefox is back. It's time to give it a try by VexorLoophole on Thursday June 21, 2018 @05:37AM (#17363465)

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.

[ Parent | on HN ]

Re:Firefox is back. It's time to give it a try by nneonneo on Thursday June 21, 2018 @06:40AM (#17363751)

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

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.

[ Parent | on HN ]