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!

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.

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

This thread was archived. Please ask a new question if you need help.

Sidebar width reduction via userChrome

  • 2 replies
  • 1 has this problem
  • 5 views
  • Last reply by qp

qp
qp
more options

Hello.

It seems I get a problem or two almost always with a new update lately. I have been using an userChrome.css to reduce the width of sidebar but the latest version 107.0 now ignores it and have a wide width even at the narrowest. Mine currently is set as, "#sidebar {min-width:30px !important; max-width:none !important;}" This no longer works. Your support much appreciated.

Regards,

Hello. It seems I get a problem or two almost always with a new update lately. I have been using an userChrome.css to reduce the width of sidebar but the latest version 107.0 now ignores it and have a wide width even at the narrowest. Mine currently is set as, "#sidebar {min-width:30px !important; max-width:none !important;}" This no longer works. Your support much appreciated. Regards,

Modified by qp

Chosen solution

In 107 they have moved the min-width and max-width settings to #sidebar-box, what sounds more logical to me as that is currently the outer containing element.

Current code: 

#sidebar-box {
  min-width: 14em;
  max-width: 36em;
  width: 18em;
}

Read this answer in context 👍 2

All Replies (2)

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

Chosen Solution

In 107 they have moved the min-width and max-width settings to #sidebar-box, what sounds more logical to me as that is currently the outer containing element.

Current code: 

#sidebar-box {
  min-width: 14em;
  max-width: 36em;
  width: 18em;
}

Modified by cor-el

qp
qp Question owner
more options

cor-el, thank you very much! Much appreciated. :)