Update search box margin in sticky header.

Bug: T296318
Change-Id: Icc70723a79ca9b2632229226ef43a1d29d025d09
This commit is contained in:
Clare Ming 2021-11-24 14:16:31 -07:00 committed by Jdlrobson
parent 0b232afc06
commit f45cd69381
1 changed files with 13 additions and 2 deletions

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;
}
}
}
}