Page MenuHomePhabricator

Replace search and bell icons with OOUI buttons
Closed, ResolvedPublic

Description

To establish consistency with the user menu, replace the search and bell icons in the header with OOUI buttons. The outcome should be uniform behavior and appearance between the three buttons.

Observed behavior:

Icons appear in slightly different sizes:

Screen Shot 2020-09-11 at 4.14.46 PM.png (122×244 px, 7 KB)

Hover behavior only present on user button:

Screen Shot 2020-09-11 at 4.20.11 PM.png (162×258 px, 8 KB)

Event Timeline

apaskulin moved this task from Validation to Backlog on the WikimediaApiPortal board.
apaskulin moved this task from Backlog to Validation on the WikimediaApiPortal board.
apaskulin triaged this task as Medium priority.Oct 9 2020, 11:02 PM

Change 634732 had a related patch set uploaded (by Cicalese; owner: Cicalese):
[mediawiki/skins/WikimediaApiPortal@master] Replace bell icon with OOUI button.

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

The patch replaces the bell icon with an OOUI button, which fixes the hover behavior. The search icon was already an OOUI button, and the hover behavior was OK. This may have been fixed as part of the refactor or another earlier patch. The sizes/spacing may still need tweaking in less.

Change 634732 merged by jenkins-bot:
[mediawiki/skins/WikimediaApiPortal@master] Replace bell icon with OOUI button.

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

apaskulin moved this task from Ready to Done on the Platform Team Workboards (Green) board.

Verified on beta that these three icons are now OOUI buttons. Will track remaining issues separately.