From e0d28cf1dd12fc154124726394ec51190b939730 Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Tue, 5 Feb 2019 10:21:08 +0000 Subject: [PATCH] Fix hover folder icon in IE10/11 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Duplicates e0ecc95ac634a6a300d919af59d5364b464ce2fd Copies the code from the normal folder icon, and manually tweaks the colour, to also get the benefits of minification. *** 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-bold.svg | 12 +----------- app/assets/images/folder-blue-bold-hover.svg | 12 +----------- 2 files changed, 2 insertions(+), 22 deletions(-) diff --git a/app/assets/images/folder-black-bold.svg b/app/assets/images/folder-black-bold.svg index c3017e3f5..260655b31 100644 --- a/app/assets/images/folder-black-bold.svg +++ b/app/assets/images/folder-black-bold.svg @@ -1,11 +1 @@ - - - - - - - + diff --git a/app/assets/images/folder-blue-bold-hover.svg b/app/assets/images/folder-blue-bold-hover.svg index 0d7b93720..74b5b9113 100644 --- a/app/assets/images/folder-blue-bold-hover.svg +++ b/app/assets/images/folder-blue-bold-hover.svg @@ -1,11 +1 @@ - - - - - - - +