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

30 lines
No EOL
1,016 B
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/textual_searchbar_one-offs.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Makes the one-off search buttons in the searchbar popup show vertically with a label */
#PopupSearchAutoComplete .search-panel-one-offs{
display: flex !important;
flex-direction: column;
}
#PopupSearchAutoComplete .search-panel-one-offs-container{
flex-direction: column !important;
}
#PopupSearchAutoComplete .searchbar-engine-one-off-item{
display: flex !important;
margin-inline: 8px !important;
align-items: center;
align-self: unset !important;
}
#PopupSearchAutoComplete .searchbar-engine-one-off-item > .button-box{ max-width: 30px; }
#PopupSearchAutoComplete .search-panel-one-offs{ max-width: unset !important; }
#PopupSearchAutoComplete .searchbar-engine-one-off-item::after{
content: attr(tooltiptext);
display: inline-flex;
flex-grow: 1;
}