mediawiki-skins-Vector/resources/skins.vector.styles/components/SearchBox.less
Moh'd Khier Abualruz 2690b5559e Remove trident-hack font-size from Vector
- The Less variable @font-size-base--trident-hack is removed
-  All instances of font-size: @font-size-base--trident-hack; usage is removed from Vector 2022

Bug: T349010
Change-Id: Ie131b8f0dbb4d8050d33df969c1c49963ddc95e2
2023-10-27 14:03:14 +00:00

21 lines
661 B
Plaintext

// Search container
// We have to put those styles outside `.skin-vector-search-vue`,
// as we can't address no-JS modern and Vue enhanced otherwise.
.vector-search-box {
font-size: @font-size-base;
// If this is a flex item, make sure it grows into available space.
flex-grow: 1;
.vector-typeahead-search-container {
max-width: @max-width-search;
margin-right: @margin-end-search;
}
}
@media ( min-width: @min-width-breakpoint-desktop-wide ) {
.client-js & .vector-search-box.vector-search-box-auto-expand-width {
// Ensure search box is aligned with content when it autoexpands (i.e. search thumbnails)
margin-left: -@size-search-expand;
}
}