Treestyletab: Webextensions: hide horizontal tabs in top of window?

[BrianGilbert]

Not sure if you are waiting on an API to do this, but it is acheivable by adding the following in userChrome.css, wondering if it would be possibly to ad a setting that switched this on/off now?

#TabsToolbar {
    visibility: collapse;
}

[piroor]

It is discussed at https://bugzilla.mozilla.org/show_bug.cgi?id=1332447

[PlugaruT]

that css is not working in firefox dev on linux.

[nh2]

that css is not working in firefox dev on linux.

For me it works on Linux in FF Nightly 57.0a1 (2017-09-18) in userChrome.css.

[rubenvarela]

Will test nightly in a bit.

Currently 57.0b3 on macOS 10.12, it's not working.

[collinbarrett]

The CSS works for me on Win 10 Firefox Developer Edition 57.03b.

However, it does not use-ably work on macOS currently. The close, minimize, etc. dot controls overlap other Firefox controls in the top left corner.

[rubenvarela]

Thank you.
I'll test in a new profile. I wonder if there's something weird on mine then.

[kit-ty-kate]

#TabsToolbar {
    visibility: collapse !important;
}   

is also working for me on Linux with FF 57.0b9.

[mgsloan]

Putting the bits together, here's what worked for me in firefox built from recent master:

cd ~/.mozilla/firefox/fifoxxzm.default/
mkdir chrome
cd chrome
vim userChrome.css

Then put the following in userChrome.css:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#TabsToolbar {
    visibility: collapse !important;
}

[kanmeiban]

@collinbarrett To make hidden top tab header usable on Mac, insert flexible space to the left.

[Walkman100]

@collinbarrett Same here on macOS 10.12.6 and FF 57.0 64-bit, but it only happens in windowed-mode, i.e. if FF is in fullscreen (which I keep it in) then it's completely usable.

You can also enable the Title bar in the customise page to get them on a different line.

@kanmeiban's fix does work, but on mine with one flexible space the fullscreen button goes half over the back button, and with two has too much space...

[collinbarrett]

ah, thanks @kanmeiban . that helps. do you know if the flexible space can be resized?

[WaDelma]

The provided CSS worked fine with my crummy mint laptop, but on work laptop with win10 it turned top header dark blue. The buttons there still highlight and work though.

[collinbarrett]

a summary gist if helpful to anyone:
https://gist.github.com/collinbarrett/45c90f7d427e08d69d32dfef402c86f6

[kit-ty-kate]

For the record, Firefox 59 is introducing an "Experimental Tab Hiding" feature

https://blog.mozilla.org/addons/2018/01/26/extensions-firefox-59/

[bughit]

The current wiki snippet produces the following on win7, with the menu visible:

How do you reduce the title-bar height?

[photonometric]

@bughit Having the same trouble. Not sure if there is a more elegant solution yet, but if Title Bar is checked in customization, the top of the window looks normal (empty space is filled properly).

[K7and]

@bughit just use
#TabsToolbar { visibility: collapse !important; }
instead of
`#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar {
opacity: 0;
pointer-events: none;
}

main-window:not([tabsintitlebar="true"]) #TabsToolbar {

visibility: collapse !important;

}`

[bughit]

@K7and Thanks, that worked, the following further reduces the title bar (with menu) height

#titlebar {margin-bottom: -26px !important;}

The default was -20.

[K7and]

@bughit
With -26px margin, [x] button is already over addons' icons (1050px screen height).
22-23px is the most accurate for me. Thanks

[piroor]

I close this because this is out of the range of WebExtensions-based extension.