Page MenuHomePhabricator

Regression: Languages header appearing much larger
Closed, ResolvedPublic1 Estimated Story PointsBUG REPORT

Description

Flagged by pixel UI regression test. Seems to relate to https://gerrit.wikimedia.org/r/c/mediawiki/extensions/MobileFrontend/+/1214088

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

What happens?:

Language header is larger than production

Screenshot 2025-12-05 at 5.25.39 PM.png (263×1 px, 21 KB)

Screenshot 2025-12-05 at 5.25.46 PM.png (278×1 px, 23 KB)

What should have happened instead?:

The heading needs the following rule:

font-size: 0.85em;

It was being pulled from resources/mobile.pagesummary.styles/pagesummary.less which is unexpected.

TODO

  • Restore the font-size
  • The language overlay should uses its own styles rather than reuse styles from an unrelated component. Change to language-overlay-list-header and scope this appropriately
  • Re-check pixel visual regression test and ensure that the issues are resolved

Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):

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

Event Timeline

Change #1216599 had a related patch set uploaded (by LWatson; author: LWatson):

[mediawiki/extensions/MobileFrontend@master] Fix language overlay regression

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

In languageOverlay.less, I added a style rule including font-size and color (while languageSearcher.less applies other list header styles). I thought the list header styles would be more appropriate in languageOverlay.less versus pagesummary.less (via changing the selector name from list-header to language-overlay-list-header). Let me know what you think about this patch @Jdlrobson-WMF

lwatson changed the task status from Open to In Progress.Dec 8 2025, 3:48 PM
lwatson claimed this task.
lwatson set the point value for this task to 1.

Change #1216599 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] Fix language overlay regression

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

All Pixel test pass ✅

  • View the Pixel report for Minerva and MobileFrontend (mobile)
  • Filter search "language" to view the language overlay images