tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add support for modern flexbox layout

Browse Source 
Flexbox model will replace old xul box as the default display model so
this patch adds support for that in a whole bunch of styles.

A lot of style rules are marked as "Fx < 112 compatibility" rules and
those can be removed when 112 hits release.
This commit is contained in:
MrOtherGuy
2023-03-11 12:26:07 +02:00
parent 0db37c5d77
commit 0ff12e01fe
47 changed files with 262 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
chrome/toolbars_below_content.css
View File

@@ -15,11 +15,15 @@ See the above repository for updates as well as full license text. */
#browser,
#customization-container,
#tab-notification-deck{
-moz-box-ordinal-group: 0
-moz-box-ordinal-group: 0; /* Fx <112 compatibility */
order: -1;
}
/* Remove the next row if you want tabs to be the top-most row */
#titlebar{ -moz-box-ordinal-group: 2 }
#titlebar{
-moz-box-ordinal-group: 2; /* Fx <112 compatibility */
order: 2;
}
#toolbar-menubar{
position: fixed;
@@ -70,12 +74,12 @@ See the above repository for updates as well as full license text. */
#browser,#customization-container{ padding-top: var(--uc-menubar-spacer,28px) }
*/
/* OR, if uncomment the following if you want menubar to appear below content, above tabs toolbar */
/* OR, uncomment the following if you want menubar to appear below content, above tabs toolbar */
/*
#toolbar-menubar{ position: static; display: -moz-box; margin-top: 0px !important; background-color: transparent }
#toolbar-menubar{ position: static; display: flex; margin-top: 0px !important; background-color: transparent }
*/
/* set to "reverse" (without quotes) if you want tabs above menubar with the above option */
#titlebar{ -moz-box-direction: normal; }
}
/* set to "column-reverse" (without quotes) if you want tabs above menubar with the above option */
#titlebar{ flex-direction: column }
}