Page MenuHomePhabricator

OOjs UI: The search magnifying glass icon is misplaced and overlapping with the search term in TextInputWidget
Closed, ResolvedPublic

Description

screenshot

Steps to reproduce:

1.Open a page with VE
2.Open the Media Settings dialog or Use an existing reference dialog box
3.Type something to search in the search box

Observed Result:
Observe that, The search magnifying glass icon is overlapping with the search term

See the screenshot attached

Test Environment: http://en.wikipedia.beta.wmflabs.org/
Browser: Chrome Version 26.0.1410.65
OS: MAC OS X 10. 8. 5


Version: unspecified
Severity: normal

Attached:

Screen_Shot_2014-03-26_at_11.53.43_AM.png (116×189 px, 11 KB)

Details

Reference
bz63131

Event Timeline

bzimport raised the priority of this task from to High.Nov 22 2014, 3:05 AM
bzimport added a project: OOUI.
bzimport set Reference to bz63131.

Change 121261 had a related patch set uploaded by Catrope:
Fix padding on icon in TextInputWidget

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

Change 121261 merged by jenkins-bot:
Fix padding on icon in TextInputWidget

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

Verified the fix in betalabs, the magnifying glass is appearing properly inside Media Settings dialog, Use an existing reference dialog and Add parameter section inside the transclusion dialog.