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/navbar_tabs_oneliner_tabs_on_left.css
View File

@@ -86,16 +86,20 @@ Window controls will be all wrong without it
(-moz-gtk-csd-reversed-placement){
:root:not([inFullscreen]) #TabsToolbar-customization-target > .titlebar-spacer[type="pre-tabs"]{
width: var(--uc-window-drag-space-post) !important;
display: -moz-box !important;
display: flex !important;
}
#TabsToolbar > .titlebar-buttonbox-container{
display: flex;
}
#TabsToolbar > .titlebar-buttonbox-container{ display: -moz-box; }
}
@supports -moz-bool-pref("userchrome.force-window-controls-on-left.enabled"){
:root:not([inFullscreen]) #TabsToolbar-customization-target > .titlebar-spacer[type="pre-tabs"]{
width: var(--uc-window-drag-space-post) !important;
display: -moz-box !important;
display: flex !important;
}
#TabsToolbar > .titlebar-buttonbox-container{
display: flex;
}
#TabsToolbar > .titlebar-buttonbox-container{ display: -moz-box; }
}
/* 1px margin on touch density causes tabs to be too high */