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!

Przeszukaj pomoc

Unikaj oszustw związanych z pomocą.Nigdy nie będziemy prosić Cię o dzwonienie na numer telefonu, wysyłanie SMS-ów ani o udostępnianie danych osobowych. Zgłoś podejrzaną aktywność, korzystając z opcji „Zgłoś nadużycie”.

Learn More

remove recelty fade out effect on text tabs firefox nighly

  • 4 odpowiedzi
  • 3 osoby mają ten problem
  • 13 wyświetleń
  • Ostatnia odpowiedź od 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!

Wszystkie odpowiedzi (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.