4 ms·

Do you use it along with the regular tabs ? I liked the tree style tabs but didn't want to have two components basically doing the same thing taking up my scre

Do you use it along with the regular tabs ? I liked the tree style tabs but didn't want to have two components basically doing the same thing taking up my screen space. I don't know if there was a way to hide the regular tabs.

ncann 5y ago
I can hide the whole tab bar when using TST, but doing so will also hide the window buttons (minimize/maximize/close), which is annoying.
- drcharris 5y ago
  A while ago I did this when on Mac - keeps it compact on a single line. https://gist.github.com/drcharris/0830ff4da063c68b0ceed415d879f05f https://gist.github.com/drcharris/0830ff4da063c68b0ceed415d8...
- shrikant 5y ago
  It's been a while since I used a Mac so I can't speak to that, but this is categorically NOT the case on my Linux (Kubuntu) and Windows machines. I have TST enabled with the "regular" tab bar disabled, and can very much still see/use the window buttons.
  - ncann 5y ago
    Can you share your style? This is what I use on Windows #TabsToolbar { visibility: collapse; } #titlebar { visibility: collapse; } and the result: https://i.imgur.com/0DxPCvE.png https://i.imgur.com/0DxPCvE.png
    - shrikant 5y ago
      Sure, this is what I use on both machines: #main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items { opacity: 0; pointer-events: none; } #main-window:not([tabsintitlebar="true"]) #TabsToolbar { visibility: collapse !important; } #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { display: none; } It's probably worth noting that I've also set "browser.tabs.drawInTitlebar" option to "false" in about:config.
- rcthompson 5y ago
  I think there's a standard Firefox preference to un-merge the tab bar and window bar. Maybe that would help?
  - ncann 5y ago
    I can't find that option, do you know where it is?
    - frosted-flakes 5y ago
      Menu → More Tools → Customize toolbar Then click the "title bar" checkbox at the bottom left.
    - paol 5y ago
      A checkbox labeled "Title Bar" at the bottom of the customize window
mcintyre1994 5y ago
I used to use tree-style tabs with the normal tab bar hidden. I've moved off Firefox so no guarantee the new big update hasn't broken this, but I used the following userChrome.css (if you're unfamiliar with that then check out https://www.userchrome.org https://www.userchrome.org) /* Hide tab bar in FF Quantum */ @-moz-document url("chrome://browser/content/browser.xhtml") { #TabsToolbar { visibility: collapse !important; margin-bottom: 21px !important; } #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { visibility: collapse !important; } } I think I probably got it from here: https://www.reddit.com/r/FirefoxCSS/comments/d4hx49/ff69/ https://www.reddit.com/r/FirefoxCSS/comments/d4hx49/ff69/ Edit: More authoritative source shared in the comments which is probably a better starting point (and has loads of other configuration too): https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules https://github.com/piroor/treestyletab/wiki/Code-snippets-fo...
- luxurytent 5y ago
  I just tested this on the newest release and it works! I was looking for something like this. Thank you :) (It does seem to hide the min/max buttons on the left, but I don't use those anyways)
  - jgauth 5y ago
    A great deal of customization can be done. The TST GitHub wiki has a nice page dedicated to these tweaks, you may be able to find what you need there: https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules https://github.com/piroor/treestyletab/wiki/Code-snippets-fo...
    - mcintyre1994 5y ago
      Nice! I edited that link into my comment higher up the thread too, definitely a better starting point for someone than the random reddit thread I linked!

ncann 5y ago

I can hide the whole tab bar when using TST, but doing so will also hide the window buttons (minimize/maximize/close), which is annoying.

drcharris 5y ago
A while ago I did this when on Mac - keeps it compact on a single line. https://gist.github.com/drcharris/0830ff4da063c68b0ceed415d879f05f https://gist.github.com/drcharris/0830ff4da063c68b0ceed415d8...
shrikant 5y ago
It's been a while since I used a Mac so I can't speak to that, but this is categorically NOT the case on my Linux (Kubuntu) and Windows machines. I have TST enabled with the "regular" tab bar disabled, and can very much still see/use the window buttons.
- ncann 5y ago
  Can you share your style? This is what I use on Windows #TabsToolbar { visibility: collapse; } #titlebar { visibility: collapse; } and the result: https://i.imgur.com/0DxPCvE.png https://i.imgur.com/0DxPCvE.png
  - shrikant 5y ago
    Sure, this is what I use on both machines: #main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items { opacity: 0; pointer-events: none; } #main-window:not([tabsintitlebar="true"]) #TabsToolbar { visibility: collapse !important; } #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { display: none; } It's probably worth noting that I've also set "browser.tabs.drawInTitlebar" option to "false" in about:config.
rcthompson 5y ago
I think there's a standard Firefox preference to un-merge the tab bar and window bar. Maybe that would help?
- ncann 5y ago
  I can't find that option, do you know where it is?
  - frosted-flakes 5y ago
    Menu → More Tools → Customize toolbar Then click the "title bar" checkbox at the bottom left.
  - paol 5y ago
    A checkbox labeled "Title Bar" at the bottom of the customize window

mcintyre1994 5y ago

I used to use tree-style tabs with the normal tab bar hidden. I've moved off Firefox so no guarantee the new big update hasn't broken this, but I used the following userChrome.css (if you're unfamiliar with that then check out https://www.userchrome.org https://www.userchrome.org) /* Hide tab bar in FF Quantum */ @-moz-document url("chrome://browser/content/browser.xhtml") { #TabsToolbar { visibility: collapse !important; margin-bottom: 21px !important; } #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { visibility: collapse !important; } } I think I probably got it from here: https://www.reddit.com/r/FirefoxCSS/comments/d4hx49/ff69/ https://www.reddit.com/r/FirefoxCSS/comments/d4hx49/ff69/ Edit: More authoritative source shared in the comments which is probably a better starting point (and has loads of other configuration too): https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules https://github.com/piroor/treestyletab/wiki/Code-snippets-fo...

luxurytent 5y ago
I just tested this on the newest release and it works! I was looking for something like this. Thank you :) (It does seem to hide the min/max buttons on the left, but I don't use those anyways)
- jgauth 5y ago
  A great deal of customization can be done. The TST GitHub wiki has a nice page dedicated to these tweaks, you may be able to find what you need there: https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules https://github.com/piroor/treestyletab/wiki/Code-snippets-fo...
  - mcintyre1994 5y ago
    Nice! I edited that link into my comment higher up the thread too, definitely a better starting point for someone than the random reddit thread I linked!