5 ms·

As long as tree style tabs still works , it's all good.

pletnes 5y ago
This is the feature firefox needs to be in the default browser. All these tweaks to the top tab thingy is just a band-aid on the fire.
josteink 5y ago
Works but looks differently with less emphasis on the current tab. I haven’t gotten used to it yet, but oh well.
- Aachen 5y ago
  Isn't that a user preference? I remember after some upgrade a few months (maybe a year?) ago that the current tab was also de-emphasized and I changed the highlight color as it didn't seem to be changing itself back in the next release (i.e. not just a bug) although it never manifested on my private laptop which runs the same setup. Edit: Apparently you need to set custom CSS for this. You might need to enable Expert Options at the top of the preferences screen. I've got: .tab.active { background-color: #371737; } .tab:hover { background-color: #600; } These colors are I think slightly more obvious than the default was; just toy with the values a little (lower is less color / darker and vice versa). Not sure if this part of my CSS is also relevant / needed to work well with these colors: #tabbar { background-color: #000; } .tab { background-color: #171717; }
iamalive 5y ago
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?
- 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!
mixmastamyk 5y ago
If only tabs were the only design problem with the last two releases.

This is the feature firefox needs to be in the default browser. All these tweaks to the top tab thingy is just a band-aid on the fire.

josteink 5y ago

Works but looks differently with less emphasis on the current tab. I haven’t gotten used to it yet, but oh well.

Aachen 5y ago
Isn't that a user preference? I remember after some upgrade a few months (maybe a year?) ago that the current tab was also de-emphasized and I changed the highlight color as it didn't seem to be changing itself back in the next release (i.e. not just a bug) although it never manifested on my private laptop which runs the same setup. Edit: Apparently you need to set custom CSS for this. You might need to enable Expert Options at the top of the preferences screen. I've got: .tab.active { background-color: #371737; } .tab:hover { background-color: #600; } These colors are I think slightly more obvious than the default was; just toy with the values a little (lower is less color / darker and vice versa). Not sure if this part of my CSS is also relevant / needed to work well with these colors: #tabbar { background-color: #000; } .tab { background-color: #171717; }

iamalive 5y ago

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?
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!

mixmastamyk 5y ago

If only tabs were the only design problem with the last two releases.