Page MenuHomePhabricator

Search close icon misaligned
Closed, ResolvedPublic

Description

Steps to reproduce:

  • Resize browser to 864px
  • Focus the search input (click on it)

Observed result:
The close icon is misplaced:

Screen Shot 2015-11-30 at 3.32.09 PM.png (721×891 px, 189 KB)

Expected:
The close icon at the left side of the search input should look like:

Screen Shot 2015-11-30 at 3.33.08 PM.png (713×401 px, 172 KB)

It seems, that the style for the search input and close icon changes for a "tablet" size (LESS variable @wgMFDeviceWidthTablet), while they should change for a "desktop" size, only (LESS variable "wgMFDeviceWidthDesktop").

Event Timeline

Jdlrobson raised the priority of this task from to Needs Triage.
Jdlrobson updated the task description. (Show Details)
Jdlrobson added a project: MobileFrontend.
Jdlrobson subscribed.
KLans_WMF set Security to None.

Change 260786 had a related patch set uploaded (by Sn1per):
Fix misaligned search bar on tablet size

https://gerrit.wikimedia.org/r/260786

Change 260786 merged by jenkins-bot:
Fix misaligned search bar on tablet size

https://gerrit.wikimedia.org/r/260786