Font size setting should apply consistently across mobile and desktop
Open, Stalled, MediumPublic
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
Search...

Status	Subtype	Assigned	Task
Stalled		None	T372653 Font size setting should apply consistently across mobile and desktop
Resolved		DTorsani-WMF	T363845 [EPIC] Typography scale and font sizing
Resolved		DTorsani-WMF	T363846 Explore different ways Codex components could behave with different font "modes"
Resolved		DTorsani-WMF	T363850 Revisit Codex Typography scale
Resolved		DTorsani-WMF	T363848 Resolve open questions surrounding expected compatibility of different size "modes" within Codex
Resolved		AnneT	T359884 Font modes: Add a "font-mode switcher" to the Codex docs with new 'configure' icon
Resolved	Spike	egardner	T366103 [SPIKE] Font modes for Codex
Resolved		Jdrewniak	T369125 Evaluate the design of the revised Codex type scale
Resolved		AnneT	T386298 Font modes: Test revised Codex type scale and font modes
Resolved		gengh	T390235 Font modes: Test in Wikifunctions
Resolved		Volker_E	T390246 Bring Vector's appearance menu radio markup in sync with latest CdxRadio
Resolved		egardner	T390789 Font modes: Test in Growth features
Resolved		bmartinezcalvo	T386299 Replicate revised type scale and update components accordingly in Figma
Resolved		DTorsani-WMF	T386300 Revised Codex type scale and font-mode concept exploration
Open		None	T387244 Update text on docs site to use new typographic mixins
Resolved		DTorsani-WMF	T387778 [breaking change] Font modes: Introduce font modes to Codex
Resolved		Volker_E	T389116 Font modes: Remove Less calculations involving font-size and line-height tokens from downstream projects
Resolved		Volker_E	T389234 Replace Less variable negation `-@` with CSS `calc()`
Resolved		AnneT	T389458 Replace Less `unit()` calculation to output relative em/rem sizes
Resolved		Volker_E	T390222 Font modes: ensure components in the Vector 2022 header and sidebar do not scale with text size
Resolved		Volker_E	T389900 Font modes: Resolve line-height token discrepancies downstream
Resolved	Spike	AnneT	T390616 [SPIKE] Font modes: Investigate implementation of font modes in Vector 2022
Open		None	T391014 Font modes: Update line height tokens in skins and features
Open		None	T391017 Font modes: remove line-height workaround
Open		None	T396513 Font modes: integrate font modes into MinervaNeue/MobileFrontend
Open		None	T394685 Font modes: Use the small mode in Vector legacy
In Progress		AnneT	T393739 Font modes: prototype integrating font modes into Vector 2022

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-Archived 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-Archived.Nov 13 2024, 11:36 PM

Jdlrobson moved this task from Incoming to Freezer on the Web-Team board.Nov 13 2024, 11:45 PM

Stalled on T372653#10162138

@DTorsani-WMF is there an appropriate ticket I should merge this into?

@Jdlrobson This feels like it could fit somewhere alongside T370549: [Spike] Evaluate the decision to expand font size appearance settings outside of the main namespace in MediaWiki which is a product of an overall rethinking of how our type scale functions, which is a semi-product of T363845: [EPIC] Typography scale and font sizing. This spike, T366103: [SPIKE] Font modes for Codex, was also done to evaluate font modes, whose scale was evaluated by the Web team in T369125: Evaluate the design of the revised Codex type scale. @Jdrewniak created the following two spikes to investigate this further, T375934 and T375940. I believe we are hopeful to soon prioritize this work on the Codex side to enable the ability to incorporate this within Web skins, but @CCiufo-WMF can verify that hope.