Page MenuHomePhabricator

BetaFeatures: Use a LESS mixin to provide PNG icons as a fallback for older browsers
Closed, ResolvedPublic

Description

svg has not nativ support in all browsers, please use pngs. Thanks.

https://www.mediawiki.org/wiki/Special:Preferences#mw-prefsection-betafeatures shows non-loaded images on IE8


Version: unspecified
Severity: enhancement

Details

Reference
bz56729

Event Timeline

bzimport raised the priority of this task from to High.Nov 22 2014, 2:16 AM
bzimport added a project: BetaFeatures.
bzimport set Reference to bz56729.

Basically the way to support this is to use a LESS mixin to provide them conditionally.

.background-image-svg(@SVG, @fallback) exists, but that only works for background-images over css, here a <img> is used.

Switching those <img>s to something more semantically correct would enable using the background-image, that should be pretty straightforward.

Change 123348 had a related patch set uploaded by Jforrester:
Switch from CSS to LESS and use MediaWiki's SVG fallback LESS function

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

Change 123348 merged by jenkins-bot:
Switch from CSS to LESS and use MediaWiki's SVG fallback LESS function

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