Menu button on left code is broken in 113.0.1
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;}Ti ṣàtúnṣe nípa cor-el
Ọ̀nà àbáyọ tí a yàn
-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;
Ka ìdáhùn ni ìṣètò kíkà 👍 0All Replies (4)
See this thread on reddit.
https://www.reddit. com/r/FirefoxCSS/comments/11odffm/psa_incoming_changes_to_default_element/
Ọ̀nà àbáyọ Tí a Yàn
-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;
Thank you!
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;
}