CSS Formatting \ Tab close button (FF57-TST2.0.2)

[irvinm]

This might be an out of scope kind of question, but maybe there is a useful question in all of this. (I figured it doesdn't hurt to ask)

I am trying to modify the close button on the tabs to only be displayed "on hoover". I found examples of CSS code but tried it both in userChrome.css and in TSTs "extra style rules" but neither had any effect. (Obviously add-ons like "Tab Utilities" modified this behavior pre-FF57)

Here is the code I tried:

/* Show the close buttons only on hover and not on pinned tabs */
.tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned="true"]):hover .tab-close-button:not([selected="true"]) {
display: -moz-box !important;
border: 1px solid #888 !important;
border-radius: 3px !important;
}

[Keith94]

Try the following CSS in TST's style rules:

.tab:not(:hover) .closebox {
  display: none;
}

[irvinm]

Perfect, thanks!

[Keith94]

P.S. I documented it here: https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules

[kazerniel]

this doesn't seem to work any more

/* "#tabbar" is required for TST 3.4.0 and later! */
#tabbar tab-item:not(:hover) tab-closebox {
display: none;
}

Edit: ok the issue more seems to be that none of the snippets work for me D:

[piroor]

@kazerniel It works for me. Screenshot:

[kazerniel]

@piroor not for me:

And none of the other snippets work either, not sure of the cause.

[piroor]

userChrome.css is wrong place to put those style rules. Please see: https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules#for-version-20-and-later

[kazerniel]

Aa thank you!