wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-28 09:30:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Update search box margin in sticky header."

Browse source
This commit is contained in:
jenkins-bot 2021-12-02 22:37:36 +00:00 committed by Gerrit Code Review
parent bee9ef0695 f45cd69381
commit 23ac01428b
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
resources/skins.vector.styles/components/StickyHeader.less
View file

@ -116,12 +116,23 @@
.vector-search-box {
display: block;
flex-basis: unit( 500px / @font-size-browser / @font-size-base, em );
.wvui-typeahead-search {
// .wvui-input__input left padding (36px) - the .wvui-icon svg width (20px)
// - the icon left padding (12px [1]) = 4px
// [1] see .wvui-typeahead-search--show-thumbnail .wvui-input__input:focus)
margin-left: 4px;
}
}
// Increase the start margin of the search box to account for the input
// T296318 Increase the start margin of the search box to account for the input
// expanding on focus.
.vector-search-box-show-thumbnail {
margin-left: @size-search-expand;
margin-left: @margin-end-search;
.wvui-input__start-icon {
color: @colorGray2;
}
}
}
}