Hide big "Tree Style Tab" title in firefox-nightly

[tgy]

Is there a way to hide the huge "Tree Style Tab" at the top of the component?

Environment

• Platform (OS): Linux stewie 4.12.13-1-ARCH #1 SMP PREEMPT Fri Sep 15 06:36:43 UTC 2017 x86_64 GNU/Linux
• Version of Firefox: Mozilla Firefox 58.0a1
• Version (or revision) of Tree Style Tab: Tree Style Tab 2.0.1

[Keith94]

Add the following to userChrome.css to hide TST's header

#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
  display: none;
}

[tgy]

Thank you @Keith94, that worked perfectly! 👍

[oerms]

I am sorry to bring this up again. This does not seem to work for me. I have created a userchrome.css with the following:

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

#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
    display: none;
}

but the huge selector is still there.
I am running:
Firefox 57.0 (64-Bit)
TST 2.2.3

Thank you for supporting TST with web extensions!

[tgy]

@oerms with Mozilla Firefox 59.0a1, it still works on my side.

Here is the exact content of my /home/<user>/.mozilla/firefox/<profile>/chrome/userChrome.css:

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

.treestyletab-tabbar-toolbar {
    opacity: 1.0 !important;
}

.tabbrowser-tabs[treestyletab-mode="vertical"] {
    opacity: 1.0 !important;
}

.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab {
    opacity: 1.0 !important;
    text-shadow: 0px 0px 0px white !important;
    margin-top:    -2px !important;
    margin-bottom: -2px !important;
}

#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
  display: none;
}

[oerms]

Somehow this does the trick.
Thank you very much!

[hmijail]

I also failed to get it working, and now I realize that it was my fault: I was trying to insert the snippet in the "Extra style rules for sidebar contents" box in the Advanced section of TST prefs.

Reporting just in case it helps someone else.

[heyakyra]

Since nobody has linked to the upstream bug in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1410548

[localjo]

I had trouble getting this to work, until I realized that userChrome.css doesn't work by default in Firefox anymore. To enable it, you have to go to about:config and set toolkit.legacyUserProfileCustomizations.stylesheets to true.

With all the settings available for TST, I would expect something like this to be a quick toggle in the appearance section of TST settings.

[irvinm]

@localjo everything in this thread is outside of what TST can control. (about:config, userChrome.css, etc.) There is no way for TST to provide a "quick toggle" for this.