We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

Search 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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

userChrome.css broken in FF 10.0.2 and Nightly 13.0a1?

  • 2 antwoorde
  • 1 het hierdie probleem
  • 1 view
  • Laaste antwoord deur sctl

sctl
sctl
more options

I noticed with the FF 10.0.2 update that userChrome.css is no longer being applied. To test, I created a new profile with no addons or extensions, and a single modified CSS value (to opacify the titlebar) in userChrome.css. It doesn't work as usual or expected (no result at all). I noticed that Nightly 13.0a1 is also affected. Here's the one CSS value I pared the userChrome down to:

#TabsToolbar {
 background-color: -moz-dialog !important;
}

Thanks

I noticed with the FF 10.0.2 update that userChrome.css is no longer being applied. To test, I created a new profile with no addons or extensions, and a single modified CSS value (to opacify the titlebar) in userChrome.css. It doesn't work as usual or expected (no result at all). I noticed that Nightly 13.0a1 is also affected. Here's the one CSS value I pared the userChrome down to:<br /> <br /> <pre><nowiki>#TabsToolbar { background-color: -moz-dialog !important; } </nowiki></pre> Thanks

Gewysig op deur cor-el

Gekose oplossing

That tab bar already has that background-color: -moz-dialog !important; rule, but there is another rule that sets a background-image 

background-image: -moz-linear-gradient(50% 100%, rgba(0, 0, 0, 0.3) 1px, rgba(0, 0, 0, 0.05) 1px, transparent 50%);

You probably need to add a -moz-appearance: none !important; rule and may also need to disable background images or set a different background image instead.

See line 27 and line 1429 in:

  • chrome://browser/skin/browser.css
Lees dié antwoord in konteks 👍 1

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Gekose oplossing

That tab bar already has that background-color: -moz-dialog !important; rule, but there is another rule that sets a background-image 

background-image: -moz-linear-gradient(50% 100%, rgba(0, 0, 0, 0.3) 1px, rgba(0, 0, 0, 0.05) 1px, transparent 50%);

You probably need to add a -moz-appearance: none !important; rule and may also need to disable background images or set a different background image instead.

See line 27 and line 1429 in:

  • chrome://browser/skin/browser.css
sctl
sctl Vraag-eienaar
more options

Thanks cor-el, sorry it took me so long. You are spot on, as usual!