Page MenuHomePhabricator

Vector 2022: improvements for narrow screens on Wikimedia Commons
Closed, ResolvedPublicBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

  • log in with Vector 2022
  • search something on Wikimedia Commons (exemple)
  • narrow the screen
  • look at the Tabs bars and the Media Bar

What happens?:

  • with narrow screen, image-counts (727 results) and sort__textbox sd-select__current-selection (Sort by: Relevance) are displayed outside the body content and sdms-search-filters, and overlay the Page tools menu
  • with narrow screen, page-label sd-tabs__tabs-list__item--last sd-tabs__tabs-list__item (Categories and Pages) displays faded on the right, and hidden outside the body content and sd-tabs__tabs-list

What should have happened instead?:

  • elements should not be hidden or faded, and they should not overlay the Page tools menu
  • probably, they should be displayed in a flex container

Software version (skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):

Screenshot 2023-04-06 at 11-47-51 Search media - Wikimedia Commons.png (720×1 px, 410 KB)
Search media - Wikimedia Commons — Mozilla Firefox 06_04_2023 11_46_00.png (1×2 px, 2 MB)
Search media - Wikimedia Commons — Mozilla Firefox 06_04_2023 11_45_55.png (1×2 px, 2 MB)
Search media - Wikimedia Commons — Mozilla Firefox 06_04_2023 12_06_14.png (1×2 px, 1 MB)
Search media - Wikimedia Commons — Mozilla Firefox 06_04_2023 12_24_53.png (1×2 px, 1 MB)
Search media - Wikimedia Commons — Mozilla Firefox 06_04_2023 12_28_03.png (1×2 px, 1 MB)

Event Timeline

Jdlrobson subscribed.

This is out of the scope for the desktop improvements project and the web team.

Change 1008005 had a related patch set uploaded (by TheDJ; author: TheDJ):

[mediawiki/extensions/MediaSearch@master] MediaSearch filters can wrap on narrow screens.

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

Change 1008005 merged by jenkins-bot:

[mediawiki/extensions/MediaSearch@master] MediaSearch filters can wrap on narrow screens.

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

Test wiki on Patch demo by TheDJ using patch(es) linked to this task was deleted:

https://patchdemo.wmflabs.org/wikis/ca1f83169e/w/