Page MenuHomePhabricator
Create Task
Maniphest T94494

All icons and indicators blurry on IE 11, Edge 12-13
Closed, ResolvedPublic8 Estimated Story Points
Actions

Description

All icons and indicators are blurry on IE 11.

pasted_file (987×1 px, 83 KB)

Caused by background-size: contain, introduced in T85139, together with many em measurements multiplied together – all these thousandth parts of ems multiplied together actually cause rounding errors significant enough to cause bad rendering (elements a pixel bigger/smaller than they should be). T93636: Indicator distorted in Firefox 31.5.0 is probably the same thing as here, but in Firefox and on indicators only.

Edge has issues with width/height in em & scaling of indicatorElement-indicator and iconElement-icon and background-size: contain :

T132415 Edge_improperly_scaling_and_applying_icons_2016-04-11_16-20.png (797×1 px, 87 KB)

Details

SubjectRepoBranchLines +/-
styles: Give icons, indicators `min-width/-height` for cross-browser supportoojs/uimaster+20 -5
Fix blurriness of the iconsoojs/uimaster+0 -1
Customize query in gerrit

Related Objects
Search...

Event Timeline

matmarex created this task.Mar 30 2015, 9:57 PM
matmarex raised the priority of this task from to Needs Triage.
matmarex updated the task description. (Show Details)
matmarex added a project: OOUI.
matmarex subscribed.
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMar 30 2015, 9:57 PM
Jdforrester-WMF triaged this task as Medium priority.May 4 2015, 6:12 PM
matmarex mentioned this in T102127: NumberInputWidget prone to 1px wobble in MW theme.Jun 11 2015, 4:50 PM
matmarex mentioned this in T102364: Provide a workaround to modern Microsoft browser's 'font-size .css settings in relative units with values to three or more decimal places' miscalculation bug.Jun 14 2015, 10:33 PM
GOIII subscribed.Jun 16 2015, 10:54 PM
gerritbot subscribed.Mar 16 2016, 6:05 PM

Change 277735 had a related patch set uploaded (by Paladox):
Fix blurriness of the icons

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

gerritbot added a project: Patch-For-Review.Mar 16 2016, 6:05 PM
Volker_E mentioned this in T127744: Put current use of SVG (icon) build task and integration on trial.Mar 23 2016, 12:28 AM
Volker_E subscribed.Apr 12 2016, 12:30 AM

Connected with T132415: Edge 12 & 13: `indicatorElement-indicator` and `iconElement-icon` cut off and not scaled properly

Volker_E merged a task: T132415: Edge 12 & 13: `indicatorElement-indicator` and `iconElement-icon` cut off and not scaled properly.Apr 12 2016, 3:03 AM
Volker_E added subscribers: Esanders, Jdforrester-WMF.
Volker_E renamed this task from All icons and indicators blurry on IE 11 to All icons and indicators blurry on IE 11, Edge 12-13.Apr 12 2016, 3:07 AM
Volker_E added projects: Browser-Support-Internet-Explorer, Browser-Support-Microsoft-Edge.
Volker_E updated the task description. (Show Details)
Volker_E updated the task description. (Show Details)
Volker_E added a subscriber: • Prtksxna.
Volker_E updated the task description. (Show Details)Apr 12 2016, 3:13 AM
gerritbot added a comment.Apr 12 2016, 7:09 AM

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

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

gerritbot added a comment.Apr 12 2016, 4:00 PM

Change 277735 abandoned by Jforrester:
Fix blurriness of the icons

Reason:
Doing in I8987dade5ed instead.

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

Jdforrester-WMF moved this task from Backlog to OOjs-UI-0.16.6 on the OOUI board.Apr 19 2016, 4:31 PM
Jdforrester-WMF edited projects, added OOUI (OOjs-UI-0.16.6); removed OOUI.
Restricted Application added a subscriber: TerraCodes. · View Herald TranscriptApr 19 2016, 4:31 PM
Jdforrester-WMF closed this task as Resolved.Apr 19 2016, 8:25 PM
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 8.
Jdforrester-WMF set Security to None.
gerritbot added a comment.Apr 19 2016, 8:40 PM

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

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

Volker_E mentioned this in T136772: ToggleSwitchWidget's circle is not a circle.Jun 1 2016, 11:04 PM
Volker_E added a parent task: T130691: Sub-pixel rendering layout issues with `em` or `%` relative units (tracking).Aug 4 2016, 5:47 PM
Volker_E mentioned this in T132862: Blurry icons in the Transclusion dialog.Oct 24 2016, 8:19 AM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits