/* Reorder toolbars */ in userChrome.css
I have been trying to reorder the toolbars in Firefox version 89.
I can change the order of the tab bar, URL bar and the personal toolbar - but the command bar always maintains its position relative to the tab bar.
How can I separate the command bar from the tab bar?
I would like to have the following order from top down
1 - command bar 2 - URL bar 3 - personal toolbar 4 - tab bar
Could somebody please explain to me the meanings and relevance of the #labels and the relationship of the numbers as used in the sample style code as shown below?
/* Reorder toolbars */
- navigator-toolbox #titlebar {
-moz-box-ordinal-group: 1; }
- navigator-toolbox #nav-bar, findbar {
-moz-box-ordinal-group: 2; }
- navigator-toolbox #PersonalToolbar {
-moz-box-ordinal-group: 3; }
- navigator-toolbox toolbar {
-moz-box-ordinal-group: 10; }
- navigator-toolbox #TabsToolbar {
-moz-box-ordinal-group: 100; }
OR please provide me with a link to an online resource which would explain it all to me?