nod_’s picture

Category: task » bug
mcjim’s picture

Assigned: Unassigned » mcjim
mcjim’s picture

Status: Active » Needs review
13.44 KB
943 bytes
PASSED: [[SimpleTest]]: [MySQL] 58,853 pass(es). View

The icons are added as background images. They are SVGs.
It turns out that it was Chrome that was rendering them incorrectly, not Firefox. Firefox was rendering the background-size so that the height of the icon was 75% of the background area, which was quite a lot larger than the width.

The fix is to change the background-size property to 75%, rather than 75% 75%, so that the height is proportional to the icon's width.

Screenshot is from IE10, which was showing the same behaviour as Firefox.

IE10 screenshot

joelpittet’s picture

Status: Needs review » Reviewed & tested by the community

That did the trick and still works in Chrome thank you.

soulston’s picture

Looks good checked in FF, Chrome and IE 9+

webchick’s picture

Status: Reviewed & tested by the community » Fixed

Committed and pushed to 8.x. Thanks!

Automatically closed -- issue fixed for 2 weeks with no activity.

Anonymous’s picture

Issue summary: View changes

changed issue summary