This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

userChrome.css don't work

  • 9 replies
  • 1 has this problem
  • 1 view
  • Last reply by khoa030634

more options

I try to disable the transition to fullscreen by following the steps. But after restart the Firefox ESR (waterfox), the rule don't apply. The rule:

/* Minimize fullscreen transition time */
#navigator-toolbox[fullscreenShouldAnimate] {
    transition: 0ms !important;
}
I do set the
toolkit.legacyUserProfileCustomizations.stylesheets
in about:config already.
I try to disable the transition to fullscreen by following the [https://www.userchrome.org/how-create-userchrome-css.html steps]. But after restart the Firefox ESR (waterfox), the rule don't apply. The rule: <pre> /* Minimize fullscreen transition time */ #navigator-toolbox[fullscreenShouldAnimate] { transition: 0ms !important; } </pre> '''I do set the <pre>toolkit.legacyUserProfileCustomizations.stylesheets</pre> in about:config already.'''

Modified by khoa030634

Chosen solution

I think that this CSS code is about showing the navigator toolbox in Full Screen mode when auto-hide is enabled.

The prefs only work when you use JavaScript to switch to Full Screen mode.

What animation do you want to control and for what cases (manual switch from normal mode to full screen like via F11) ?

Read this answer in context 👍 0

All Replies (9)

more options

Where did you find it? I don't think these are the proper steps to do this task.

more options

I get instructions from here.

more options

I can't see how this could work now. Did you try the about:config solution?

more options
Yes, I have set the
toolkit.legacyUserProfileCustomizations.stylesheets
in about:config to true but it won't work for some reason.

Modified by khoa030634

more options

No, did you try to modify full-screen-api.transition* preferences?

more options

Chosen Solution

I think that this CSS code is about showing the navigator toolbox in Full Screen mode when auto-hide is enabled.

The prefs only work when you use JavaScript to switch to Full Screen mode.

What animation do you want to control and for what cases (manual switch from normal mode to full screen like via F11) ?

more options

Yes, I wanna control the manual switch from normal mode to full screen via F11 without the navigator toolbox doing the moving up transition.

Modified by khoa030634

more options

Now it works fir some reason. Thanks for the help btw.