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.

Menu button on left code is broken in 113.0.1

  • 4 replies
  • 0 have this problem
  • 1 view
  • Last reply by 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>

Modified by cor-el

Chosen solution

-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;

Read this answer in context 👍 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

Chosen Solution

-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 Question owner
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;
 }