Add support for modern flexbox layout

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

View file

@ -80,7 +80,12 @@ See the above repository for updates as well as full license text. */
}
:root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container:last-child,
:root[sizemode="fullscreen"] #window-controls{ right: unset; }
.titlebar-buttonbox-container{ -moz-box-ordinal-group: 0 !important; }
.titlebar-buttonbox{ -moz-box-direction: reverse }
.titlebar-buttonbox-container{
-moz-box-ordinal-group: 0 !important; /* Fx <112 compatibility */
order: -1 !important;
}
.titlebar-buttonbox{
-moz-box-direction: reverse; /* Fx <112 compatibility */
flex-direction: row-reverse;
}
}