From: Alexander Ebert <ebert@woltlab.com>
Date: Thu, 4 Dec 2014 12:26:41 +0000 (+0100)
Subject: Firefox does not allow SVG filters loaded from domains != origin
X-Git-Tag: 2.1.0_Beta_1~98^2~4
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=48755b2734ff54c55697520da0392530dc789ae8;p=GitHub%2FWoltLab%2FWCF.git

Firefox does not allow SVG filters loaded from domains != origin

Firefox 35+ seems to support the native filter property values, possibly remove the SVG filter at all: http://caniuse.com/#search=filter
---

diff --git a/wcfsetup/install/files/style/global.less b/wcfsetup/install/files/style/global.less
index 90e508f1f6..a12b13a194 100644
--- a/wcfsetup/install/files/style/global.less
+++ b/wcfsetup/install/files/style/global.less
@@ -200,7 +200,9 @@ body > iframe[src="about:blank"] {
 }
 
 .grayscale {
-	filter: url(../images/grayscale-filter.svg#grayscale);
+	//filter: url(../images/grayscale-filter.svg#grayscale);
+	// Firefox does not allow SVG filters to be retrieved from a different domain, embed it directly (Firefox 35+ seems to support the native property!)
+	filter: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale);
 	filter: gray;
 	-webkit-filter: grayscale(1);
 }