Font size setting should apply consistently across mobile and desktop
Open, MediumPublicBUG REPORT
Actions

Assigned To

None

Authored By

	Sjoerddebruin
	Aug 16 2024, 3:31 PM

Description

Background

The mobile site has had font size controls for much longer than desktop. When originally implemented the font size was scoped so that it only applied to paragraph elements. Given the roll out of desktop font size controls, there is now an open question about why the two behave differently.

User story

As a reader I want....

Requirements

The ideal behaviour is the everything in the main content area of an article should scale. If a reader chooses large font size, lists, headings, etc. should also get bigger.

BDD

For QA engineer to fill out

Test Steps

For QA engineer to fill out

Design

Replication case

Change your font size in the MobileFrontend settings menu, e.g. https://en.m.wikipedia.org/wiki/Special:MobileOptions
Open a page that features paragraphs and lists
Visit https://en.m.wikipedia.org/wiki/Spain and compare with an incognito window.
Only the font size of paragraphs changed, lists maintain their original font size.
Notice "Etymology" headings and infobox is identical font size on both.

Acceptance criteria

Add acceptance criteria

Communication criteria - does this need an announcement or discussion?

Add communication criteria

Rollback plan

What is the rollback plan in production for this task if something goes wrong?

This task was created by Version 1.2.0 of the Web team task template using phabulous

Related Objects

Mentioned Here: T297000: Define the design system's size and spacing scale

Event Timeline

Sjoerddebruin created this task.Aug 16 2024, 3:31 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptAug 16 2024, 3:31 PM

This might be a duplicate. I think this is intentional but might be being reconsidered so tagging Justin for input.

I could not repro this bug. @Sjoerddebruin are you still able to reproduce this issue?

Jdlrobson updated the task description. (Show Details)Sep 11 2024, 9:32 PM

Note: This is not a bug - it was how mobile was intentionally built, so I've updated this as a question.

Jdlrobson triaged this task as Medium priority.Sep 11 2024, 9:43 PM

@JScherer-WMF to review and incorporate into a larger design ticket

Jdlrobson moved this task from Incoming to Groomed on the Web-Team-Backlog board.Sep 20 2024, 7:06 PM

The ideal behaviour is the everything in the main content area of an article should scale. If a reader chooses large font size, lists, headings, etc. should also get bigger.

@DTorsani-WMF and DST have been working on this question (T297000). They have developed a font scaling system to achieve this, and I've looked at the system and think it will satisfy the goals of the project. This will bring desktop and mobile in-line with one another, and solve for other issues like the one that @Sjoerddebruin has raised here. This also means that Minerva section headers and their associated icons should also scale with font size preferences. I think this work will continue on their side, so we can remove this task for now.

Jdlrobson renamed this task from Should font size setting only affects paragraphs in mobile? to Font size setting should apply consistently across mobile and desktop.Oct 10 2024, 6:00 PM

Jdlrobson updated the task description. (Show Details)

Jdlrobson removed JScherer-WMF as the assignee of this task.Oct 16 2024, 5:51 PM

Jdlrobson added a subscriber: JScherer-WMF.

Jdlrobson edited projects, added Web-Team; removed Web-Team-Backlog.Wed, Nov 13, 11:36 PM

Jdlrobson moved this task from Product Backlog to Legacy backlog on the Web-Team board.Wed, Nov 13, 11:45 PM

Font size setting should apply consistently across mobile and desktopOpen, MediumPublicBUG REPORTActions