mobile-config-firefox/chrome/textual_context_navigation.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

16 lines
836 B
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/textual_context_navigation.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Makes constext navigation buttons appears as normal textual menuitems */
#context-navigation{ -moz-box-orient: vertical; flex-direction: column !important; }
#context-navigation > menuitem > .menu-iconic-left{ display: none }
#context-navigation > menuitem{
padding-block: 0.5em;
padding-inline-start: 1em;
-moz-box-pack: start !important;
justify-content: start !important;
width: auto !important;
}
#context-navigation > menuitem[_moz-menuactive="true"]:not([disabled]){ background-color: -moz-menuhover !important; }
#context-navigation > menuitem::before{ content: attr(aria-label) }