Apply consistent small font-sizes in MobileFrontend/MinervaNeue
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	Volker_E
	Aug 1 2019, 10:59 AM

Description

Coming from Use of styles on Design Style Guide and T229399/MN patch 526737 MinervaNeue features a number of small font-sizes instead of following a clear structure:

0.9em equivalent to 14.4px
0.875em (.hliist, license) equivalent to 14px
0.85em (tagline) equivalent to 13.6px
0.8em (hatnote) equivalent to 12.8px
0.75em (sup) equivalent to 12px
0.7em (.max loggedin styles) equivalent to 11px
90% (infobox) equivalent to 14.4px

Let's keep in mind that from accessibility perspective, a minimum of 12px is the absolute smallest font size.

Expected result

Using only variables for consistent (small) font size output
Combining currently used ones into one of the variables

Dev notes

font-sizes have to remain in ems for reasons given in T220671
@font-size-minerva-small as 14px equiv
@font-size-minerva-min as 13px equiv according to Design Style Guide

Details

Related Changes in Gerrit:

	Subject	Repo	Branch	Lines +/-
	Use consistent small font sizes	mediawiki/skins/MinervaNeue	master	+7 -6

Customize query in gerrit

Related Objects
Search...

Status	Assigned	Task
Resolved	Volker_E	T136748 Address interface sizing issues on different base font size calculations for thorough consistency in MediaWiki projects
Resolved	Volker_E	T229568 Apply consistent small font-sizes in MobileFrontend/MinervaNeue
Resolved	ovasileva	T232229 PageList descriptions too small font and line height
Resolved	ovasileva	T282315 Increase font size for links at the bottom of the screen

Event Timeline

Volker_E created this task.Aug 1 2019, 10:59 AM

Volker_E added a subtask: T232229: PageList descriptions too small font and line height.Sep 6 2019, 9:51 PM

Change 538710 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/skins/MinervaNeue@master] Use consistent small font sizes

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

gerritbot added a project: Patch-For-Review.Sep 30 2019, 8:14 PM

Volker_E added a project: CSS.Oct 1 2019, 11:05 PM

Change 538710 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Use consistent small font sizes

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

Jdlrobson removed a project: Patch-For-Review.Oct 1 2019, 11:51 PM

ReleaseTaggerBot added a project: MW-1.35-notes (1.35.0-wmf.1; 2019-10-08).Oct 2 2019, 12:00 AM

Izno moved this task from Backlog to Change CSS on the CSS board.Jan 2 2020, 4:19 PM

Restricted Application added a subscriber: Masumrezarock100. · View Herald TranscriptJan 2 2020, 4:19 PM

Jdlrobson moved this task from Backlog to Blocked on Discussion on the MinervaNeue board.Jan 17 2020, 11:16 PM

Volker_E updated the task description. (Show Details)Jul 28 2020, 4:36 AM

ovasileva closed subtask T232229: PageList descriptions too small font and line height as Resolved.Jan 18 2021, 4:36 PM

Volker_E added a subtask: T282315: Increase font size for links at the bottom of the screen.May 10 2021, 3:12 PM

LGoto closed subtask T282315: Increase font size for links at the bottom of the screen as Declined.Jul 13 2021, 9:55 PM

stjn reopened subtask T282315: Increase font size for links at the bottom of the screen as Open.Jul 15 2021, 6:06 PM

Jdlrobson moved this task from Blocked on Discussion to Tracking on the MinervaNeue board.Jul 21 2021, 7:26 PM

Jdlrobson edited projects, added MinervaNeue (Tracking); removed MinervaNeue.

ovasileva closed subtask T282315: Increase font size for links at the bottom of the screen as Resolved.Sep 15 2021, 4:49 PM

Volker_E claimed this task.Feb 13 2025, 9:37 AM

Volker_E removed a project: UI-Standardization.

Not sure why this stayed open. There's a possible resurgence of unifying MN with coming Codex type scale. But this will be communicated about and tackled in other venues and coming tasks.

Apply consistent small font-sizes in MobileFrontend/MinervaNeueClosed, ResolvedPublicActions