HomePhabricator
Diffusion wvui 27f020409752

[typeahead-search] Make search button appear as part of input box

Description

[typeahead-search] Make search button appear as part of input box

Applies a negative margin to .wvui-typeahead-search__wrapper and
.wvui-typeahead-search__submit causing the border of these elements to
intentionally overlap with the border applied to
.wvui-typeahead-search.

Additional changes:

  • Moved &--has-value selector above the &--active selector due to

eslint complaining about descending specificity. Also removed unneeded
nesting in the former's selector.

  • Removed unneeded/redundant styles in .wvui-input__input.
  • Removed unneeded max-width style in &__suggestions
  • Reordered several styles per Volker's suggestion.

Bug: T270202
Change-Id: Iecc3eebf0dce495400ba3d644dce39186f4fa395

Details

Provenance
nrayAuthored on Dec 17 2020, 9:12 AM
jenkins-botCommitted on Jan 6 2021, 7:30 PM
Parents
rWVUI40d7d9ecd25c: [build] Update 'wikimedia-ui-base' to latest
Branches
Unknown
Tags
Unknown
References
refs/changes/83/650183/15
ChangeId
Iecc3eebf0dce495400ba3d644dce39186f4fa395