Page MenuHomePhabricator

Indicator distorted in Firefox 31.5.0
Closed, ResolvedPublic1 Estimated Story Points


The alert indicator is distorted (scaled wrongly and truncated). This is visible both on the demo page and in the mention interface we're building for Flow.

Screenshot is from the demo page:

Distorted_Alert_Indicator.png (53×225 px, 2 KB)

It looks right without the background-size: contain (I believe from here):

Non-Distorted_Alert_Indicator.png (53×225 px, 2 KB)

I don't know if removing that is the proper solution, but it's somewhere to look.

Event Timeline

Mattflaschen-WMF raised the priority of this task from to Needs Triage.
Mattflaschen-WMF updated the task description. (Show Details)
Mattflaschen-WMF added a project: OOUI.
matmarex set Security to None.

Change 282855 had a related patch set uploaded (by VolkerE):
Fix icon and indicator elements' appearance in Fx 31.5, IE 11 & Edge 12

@Mattflaschen I've tested the demo page without my patch set on Firefox 31.5.0 ESR/OS X and couldn't reproduce the behavior described by you here. What OS was it?

Jdforrester-WMF assigned this task to Volker_E.
Jdforrester-WMF removed a project: Patch-For-Review.
Jdforrester-WMF set the point value for this task to 1.

Change 282855 merged by jenkins-bot:
styles: Give icons, indicators min-width/-height for cross-browser support