Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Mozilla Support में खोजें

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

remove recelty fade out effect on text tabs firefox nighly

  • 4 प्रत्युत्तर
  • 3
  • 13 views
  • के द्वारा अंतिम प्रतियुतर cor-el

more options

how can i remove recelty fade out effect on text tabs introduced in recetly firefox nighly i really hate it see screenshot in link https://cl.ly/0d1216413e3q thanks for the help!

how can i remove recelty fade out effect on text tabs introduced in recetly firefox nighly i really hate it see screenshot in link https://cl.ly/0d1216413e3q thanks for the help!

All Replies (4)

more options

Do you prefer the old style of "..." or just want the text to cut off without fading?

Either way, I think someone will need to write a custom style rule (for userChrome.css or the Stylish extension).

As a regular release user, I probably can't help with that myself.

more options

See line 54:

  • chrome://browser/content/tabbrowser.css
.tab-label-container[textoverflow]:not([pinned]) {
  mask-image: linear-gradient(to left, transparent, black 1em);
}

.tab-label-container[textoverflow]:not([pinned]):-moz-locale-dir(rtl) {
  mask-image: linear-gradient(to right, transparent, black 1em);
}
more options

It seems you would be able to override those rules using either

mask-image: unset !important;
mask-image: none !important;

for each of the selectors.

https://developer.mozilla.org/docs/Web/CSS/mask-image

more options

Setting mask-image: none will remove the fading. I can't make text-overflow: ellipsis work for the tab text.

Add code to the userChrome.css file below the default @namespace line.


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

.tab-label-container[textoverflow]:not([pinned]){
  mask-image: none !important;
}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.