Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

Wo archive tread sia. Meɖekuku bia biabia yeye ne ehia kpeɖeŋu.

Menu button on left code is broken in 113.0.1

  • 4 ŋuɖoɖowo
  • 0 masɔmasɔ sia le wosi
  • 1 view
  • Nuɖoɖo mlɔetɔ Rick W

earlpjones2
earlpjones2
more options

I have been using code (stored in the Chrome folder of my profile) to keep the 'open application menu' pancake button on the left end of the toolbar. After I updated to version 113.0.1 today, I see that button shifted back to the right end of the bar. I do NOT want it there. Can you fix it so the code will work again? Is there alternate code or some other means to accomplish the same end?

The code I've been using is as follows: 

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#PanelUI-button,
#customization-panel-container,
#customization-panelWrapper .panel-arrow { -moz-box-ordinal-group: 0 !important;}

/* Panel UI */
#PanelUI-button {background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0 !important;}
#PanelUI-popup {margin-right:-350px!important;}
#PanelUI-popup .panel-arrow {margin-right:340px!important;}

/* #PanelUI-quit  #PanelUI-customize  #PanelUI-help */
#PanelUI-footer #PanelUI-footer-inner {direction:rtl !important;}

I have been using code (stored in the Chrome folder of my profile) to keep the 'open application menu' pancake button on the left end of the toolbar. After I updated to version 113.0.1 today, I see that button shifted back to the right end of the bar. I do NOT want it there. Can you fix it so the code will work again? Is there alternate code or some other means to accomplish the same end? The code I've been using is as follows: <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #PanelUI-button, #customization-panel-container, #customization-panelWrapper .panel-arrow { -moz-box-ordinal-group: 0 !important;} /* Panel UI */ #PanelUI-button {background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0 !important;} #PanelUI-popup {margin-right:-350px!important;} #PanelUI-popup .panel-arrow {margin-right:340px!important;} /* #PanelUI-quit #PanelUI-customize #PanelUI-help */ #PanelUI-footer #PanelUI-footer-inner {direction:rtl !important;}</nowiki></pre><br>

cor-el trɔe

Ŋuɖoɖo si wotia

-moz-box-ordinal-group is no longer supported in 113 as things have been moved to flexbox design. You need to replace -moz-box-ordinal-group: 0 with order:-1 !important;

Xle ŋuɖoɖo sia le goya me 👍 0

All Replies (4)

Terry
Terry
more options

See this thread on reddit.

https://www.reddit. com/r/FirefoxCSS/comments/11odffm/psa_incoming_changes_to_default_element/

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

Ɖɔɖɔɖo si wotia

-moz-box-ordinal-group is no longer supported in 113 as things have been moved to flexbox design. You need to replace -moz-box-ordinal-group: 0 with order:-1 !important;

earlpjones2
earlpjones2 Biabia la
more options

Thank you!

Rick W
Rick W
more options

I had this problem too!

To be slightly more precise than cor-el (but thank you so much for the solution!), you need to replace what is between the brackets (in EarlPJones2's post): i.e. Replace { -moz-box-ordinal-group: 0 !important;} with this: { order:-1 !important;}

My own UserChrome CSS now has the following (with the change made as cor-el suggested, and which works!), but with the color changed as well. After editing your UserChrome CSS (or creating a brand new one), you must restart Firefox for the changes to be made.

/* Move the OPEN APPLICATION MENU, 3-bar button to the left & change its color */ 

#PanelUI-button {
 order:-1 !important; 
 color: blue;
 }