jonny/Vector-Local
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Remove margin-left: auto on search box to prevent it from switching sides

Browse source 
- Scopes margin-left: auto style to vector with user links off only

Bug: T286733
Change-Id: If5dbdd89c2f773d6a98bf4ffa76f64409c11fd8d
This commit is contained in:
bwang 2021-07-22 12:46:21 -05:00
parent 364c35dcdf
commit 589bb21d1c
1 changed files with 6 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
resources/skins.vector.styles/layouts/screen.less
View file

@ -421,16 +421,13 @@ body {
// At low resolutions the search must be pushed to the right of the screen // At low resolutions the search must be pushed to the right of the screen
// We use @width-comfortable to determine this threshold as we know it's not possible for // We use @width-comfortable to determine this threshold as we know it's not possible for
// personal tools to be on the same line at this resolution. // personal tools to be on the same line at this resolution.
// FIXME: Remove these styles and the @width-comfortable breakpoint after user links has become the default
@media ( max-width: @width-comfortable ) { @media ( max-width: @width-comfortable ) {
// #searchform is only a direct child of #p-search > div before wvui-loads. After body:not( .skin-vector-consolidated-user-links ) {
// wvui loads, `.wvui-typeahead-search` becomes the direct child and is the #p-search > div > #searchform,
// element where these styles should apply. #p-search .wvui-typeahead-search {
/// FIXME: The first selector (#p-search > #searchform) is for cached HTML. margin-left: auto;
// Should be removed when T276566 has been in production for a week. }
#p-search > #searchform,
#p-search > div > #searchform,
#p-search .wvui-typeahead-search {
margin-left: auto;
} }
} }