From e0ecc95ac634a6a300d919af59d5364b464ce2fd Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Tue, 13 Nov 2018 13:57:03 +0000 Subject: [PATCH] Fix folder icon in IE 10 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit IE 10 supports using SVG[1] but has some buggy behaviour when they’re used as background images. Without an explicit width/height it stretches the viewBox of the SVG to fill the containing element. This causes the content of the file to display centered within the viewBox. Explicitly setting the width and height seems to be the thing that fixes this. Out of the suggested fixes on Stackoverflow[2] this one seems to be the most straightforward. 1. https://caniuse.com/#feat=svg 2. https://stackoverflow.com/questions/17944354/svg-background-image-position-is-always-centered-in-internet-explorer-despite-b --- app/assets/images/folder-black.svg | 2 +- app/assets/images/folder-blue-bold.svg | 2 +- app/assets/images/folder-blue.svg | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/app/assets/images/folder-black.svg b/app/assets/images/folder-black.svg index 5e997ad95..b621fb099 100644 --- a/app/assets/images/folder-black.svg +++ b/app/assets/images/folder-black.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/app/assets/images/folder-blue-bold.svg b/app/assets/images/folder-blue-bold.svg index 630bba0c6..e4a24af0c 100644 --- a/app/assets/images/folder-blue-bold.svg +++ b/app/assets/images/folder-blue-bold.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/app/assets/images/folder-blue.svg b/app/assets/images/folder-blue.svg index 0f0f23a78..7308ae06b 100644 --- a/app/assets/images/folder-blue.svg +++ b/app/assets/images/folder-blue.svg @@ -1,7 +1,7 @@ + y="0px" viewBox="0 0 26 20" width="26" height="20" style="enable-background:new 0 0 26 20;" xml:space="preserve">