Page MenuHomePhabricator

[XS] Media Search: Remove gray bar behind filters
Closed, ResolvedPublic

Description

Currently we have a gray bar behind the filters on Media Search. This was to help differentiate the increasing amount of rows we have before getting to the result set.

After a couple weeks of use, this gray is hard to see and also makes the left alignment of filters feel off. The next gray up in our system is too dark and not worth the original goal.

Let's remove the gray bar and move the filters left to align with the tabs above them.

Screen Shot 2020-10-06 at 1.04.42 PM.png (1,194×272 px, 37 KB)

Details

Event Timeline

CBogen renamed this task from Media Search: Remove gray bar behind filters to [XS] Media Search: Remove gray bar behind filters.Oct 7 2020, 4:38 PM

Change 645197 had a related patch set uploaded (by Anne Tomasevich; owner: Anne Tomasevich):
[mediawiki/extensions/WikibaseMediaInfo@master] Minor UI changes

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

Change 645197 merged by jenkins-bot:
[mediawiki/extensions/WikibaseMediaInfo@master] Minor UI changes

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

Etonkovidova subscribed.

For @mwilliams review. If you don't see any issues/follow-ups, please move it to Verify in production column.
No issues found. I checked

  • different browsers
  • mobile
  • accessibility check

Below is the comparison between current production commons wmf.22 and commons betalabs(disregard the issue with the licence label display in betalabs).

Desktop productionDesktop betalabs
Screen Shot 2020-12-17 at 6.23.34 PM.png (972×560 px, 363 KB)
Screen Shot 2020-12-17 at 6.28.03 PM.png (906×560 px, 644 KB)
Mobile productionMobile betalabs
Screen Shot 2020-12-17 at 6.30.33 PM.png (383×615 px, 131 KB)
Screen Shot 2020-12-17 at 6.22.27 PM.png (387×607 px, 72 KB)