⚓ T138734 Echo UI has blurry icons

Status	Assigned	Task
Resolved	Esanders	T138734 Echo UI has blurry icons
Resolved	Volker_E	T97631 Change OOUI WikimediaUI theme to be optimized for font-size of 14px (0.875em×16px), instead of 12.8px (0.8em×16px), like MediaWiki's Vector skin
Resolved	matmarex	T91152 OOjs UI is optimized for font-size of 12.8px (0.8×16px), but sets it inconsistently for windows and toolbars only, requiring CSS counteractions
Resolved	Volker_E	T86003 MediaWiki theme: Checkboxes and radios size (original design looks oversized on desktop)
Resolved	• Elitre	T189564 CL support for VE base font-size increase from 12.8px to 14px (slight increase in interface, not content)
Resolved	Volker_E	T189920 Remove VE `font-size` of 12.8px induced special treatment in extensions after unifying base font-size to 14px

Esanders created this task.Jun 26 2016, 5:42 PM

Restricted Application added subscribers: Zppix, Aklapper. · View Herald TranscriptJun 26 2016, 5:42 PM

• Catrope added a project: Collaboration-Team-Triage.Jun 27 2016, 3:36 PM

Duplicate of T97631: Change OOUI WikimediaUI theme to be optimized for font-size of 14px (0.875em×16px), instead of 12.8px (0.8em×16px), like MediaWiki's Vector skin?

Yes, IMO.

• Catrope closed this task as a duplicate of T97631: Change OOUI WikimediaUI theme to be optimized for font-size of 14px (0.875em×16px), instead of 12.8px (0.8em×16px), like MediaWiki's Vector skin.Jun 27 2016, 4:21 PM

I disagree. Certainly fixing T97631 would resolve this, but it can also be fixed independently (cf. VisualEditor, Flow)

Esanders reopened this task as Open.Jun 27 2016, 4:31 PM

In T138734#2409572, @Esanders wrote:

I disagree. Certainly fixing T97631 would resolve this, but it can also be fixed independently (cf. VisualEditor, Flow)

While we could do that, I'm not sure it's realistic to expect every component that wants to use OOUI to use a different font size than the rest of the skin.

Not in the long term.

Esanders mentioned this in T168089: Avoid blurred icons and pixel rounding errors by settling on unified font size.Jun 16 2017, 8:01 PM

matmarex added a subtask: T97631: Change OOUI WikimediaUI theme to be optimized for font-size of 14px (0.875em×16px), instead of 12.8px (0.8em×16px), like MediaWiki's Vector skin.Mar 20 2018, 8:14 PM

matmarex renamed this task from Echo UI uses 0.875em instead of 0.8em to Echo UI has blurry icons.Mar 20 2018, 8:23 PM

This is not quite magically fixed by T97631. Echo has a bunch of weird overrides for font-size and width/height/min-width/min-height, which need to be examined and hopefully deleted.

Jdforrester-WMF closed subtask T97631: Change OOUI WikimediaUI theme to be optimized for font-size of 14px (0.875em×16px), instead of 12.8px (0.8em×16px), like MediaWiki's Vector skin as Resolved.Mar 24 2018, 12:24 AM

Volker_E claimed this task.Mar 24 2018, 12:34 AM

Liuxinyu970226 subscribed.Mar 26 2018, 12:35 PM

Restricted Application added a project: Growth-Team. · View Herald TranscriptFeb 26 2019, 8:31 AM

SBisson mentioned this in W2269 Echo Tasks.Apr 17 2019, 3:10 PM

Removing task assignee due to inactivity, as this open task has been assigned to the same person for more than two years (see the emails sent to the task assignee on Oct27 and Nov23). Please assign this task to yourself again if you still realistically [plan to] work on this task - it would be welcome.
(See https://www.mediawiki.org/wiki/Bug_management/Assignee_cleanup for tips how to best manage your individual work in Phabricator.)

Icons render at 30x30, scaled up exactly 1.5 from the original.

Icons in grouped notifications are 21x21:

There might be other problems, I didn't look at everything. This is just the first obvious one.

That looks like a separate issue, filed as T276114.

kostajh mentioned this in T276420: Make Echo icons scalable.Mar 4 2021, 8:02 AM

Echo UI has blurry icons
Closed, ResolvedPublic
Actions

Description

Related Objects
Search...

Event Timeline

	F34124709: image.png
	Feb 27 2021, 1:49 AM

Echo UI has blurry iconsClosed, ResolvedPublicActions

Description

Related ObjectsSearch...

Event Timeline

Echo UI has blurry icons
Closed, ResolvedPublic
Actions

Related Objects
Search...