mobile-config-firefox/chrome/menubar_in_tabs_toolbar.css
MrOtherGuy 0ff12e01fe 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.
2023-03-11 12:26:07 +02:00

21 lines
728 B
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/menubar_in_tabs_toolbar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
:root:not([customizing]) #titlebar{
-moz-box-orient: horizontal; /* Fx <112 compatibility */
flex-direction: row;
}
#toolbar-menubar > .titlebar-buttonbox-container,
#toolbar-menubar > spacer{ display: none; }
#main-menubar{
-moz-box-flex: 1; /* Fx <112 compatibility */
flex-grow: 1 !important;
}
:root:not([customizing]) #toolbar-menubar[autohide][inactive]{ max-width: 0 }
#TabsToolbar > .titlebar-buttonbox-container{
display: flex !important;
visibility: visible !important;
}