Icons used in Buttons, Dropdown items and Menu items in Mobile OOUI are appearing larger than the expected 20x20px
Open, Needs TriagePublic
Actions

Assigned To

None

Authored By

	RHo
	Apr 20 2021, 12:22 PM

Description

Some examples below, not this is an issue on Mobile only. This issue seems to be due to base font size discrepancies and the icon sizing set for the smaller 14px desktop font-size.

this should be reviewed with migration/implementation in WVUI work (see T277047)

Button with icon

List item

Icon in header

Related Objects
Search...

		Status	Subtype	Assigned	Task
		Open		None	T277047 Design inventory of Wikiverse (Codex design system, OOUI, MediaWiki widgets) UI components
		Open		None	T280662 Icons used in Buttons, Dropdown items and Menu items in Mobile OOUI are appearing larger than the expected 20x20px

Event Timeline

RHo created this task.Apr 20 2021, 12:22 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptApr 20 2021, 12:22 PM

RHo updated the task description. (Show Details)Apr 20 2021, 12:24 PM

Caused by same em calculation as on desktop (Vector) but with MinervaNeue 16px base font-size.

RHo mentioned this in T277047: Design inventory of Wikiverse (Codex design system, OOUI, MediaWiki widgets) UI components.Apr 23 2021, 2:01 PM

RHo added a parent task: T277047: Design inventory of Wikiverse (Codex design system, OOUI, MediaWiki widgets) UI components.Apr 23 2021, 2:05 PM

Icons used in Buttons, Dropdown items and Menu items in Mobile OOUI are appearing larger than the expected 20x20pxOpen, Needs TriagePublicActions

Description

Related ObjectsSearch...

Event Timeline

Icons used in Buttons, Dropdown items and Menu items in Mobile OOUI are appearing larger than the expected 20x20px
Open, Needs TriagePublic
Actions

Related Objects
Search...