golem
/
VectorGOLEM
9
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

Fixes transition from input focus state to WVUI focus state 

VueEnhancedSearchBox tries to mimic the styles of WVUI to get a
seamless transition however doesn't account for the focus state that
shows briefly while this occurs.

This was leading to the icon jumping as it transitioned.

Bug: T279015
Change-Id: I10a4ec5d64bb58e2f21506c8a09a1bb6c34ecd65
This commit is contained in:
jdlrobson 2021-06-22 09:34:38 -07:00
parent 4ba15fc73f
commit a220e553eb
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
resources/skins.vector.styles/components/VueEnhancedSearchBox.less
View File

@ -107,7 +107,10 @@
#searchInput:focus ~ #mw-searchButton {
// Derived from
// https://gerrit.wikimedia.org/g/wvui/+/refs/changes/93/650593/10/src/components/typeahead-search/TypeaheadSearch.vue#655
left: -11px;
// (-11px) minus 1px input border.
left: -12px;
// minus the 1px border
top: -1px;
}
// Update search loader to match width and position of WVUI expanding input.