Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Learn More

remove recelty fade out effect on text tabs firefox nighly

  • 4 svar
  • 3 har detta problem
  • 13 visningar
  • Senaste svar av 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!

Alla svar (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.