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

12
chrome/menubar_in_main_toolbar.css
View File

@@ -6,7 +6,11 @@ See the above repository for updates as well as full license text. */
#navigator-toolbox{ --uc-menubar-height: 34px; }
:root[uidensity="compact"] #navigator-toolbox{ --uc-menubar-height: 30px }
#titlebar{ -moz-box-direction: reverse; -moz-appearance: none !important; }
#titlebar{
-moz-box-direction: reverse; /* Fx <112 compatibility */
flex-direction: column-reverse;
-moz-appearance: none !important;
}
#toolbar-menubar{
margin-bottom: calc(0px - var(--uc-menubar-height));
@@ -17,13 +21,15 @@ See the above repository for updates as well as full license text. */
}
#menubar-items{
-moz-box-pack: center;
-moz-box-pack: center; /* Fx <112 compatibility */
justify-content: center;
pointer-events: initial;
margin-top: 3px;
color: var(--toolbar-color);
}
/* Adjust to fit menubar items - 300px works for English locale */
#nav-bar{ padding-left: 300px; }
#toolbar-menubar > .titlebar-buttonbox-container{ display: none }
:root[tabsintitlebar][sizemode="normal"] .titlebar-spacer,
:root[tabsintitlebar] #TabsToolbar > .titlebar-buttonbox-container{ display: -moz-box !important; }
:root[tabsintitlebar] #TabsToolbar > .titlebar-buttonbox-container{ display: flex !important; }