]> git.wh0rd.org - tt-rss.git/commitdiff
Fix themes/night.css for iOS browsers
authorDmitry Potapov <dpotapov@yandex-team.ru>
Fri, 26 Aug 2016 09:36:01 +0000 (12:36 +0300)
committerDmitry Potapov <dpotapov@yandex-team.ru>
Fri, 26 Aug 2016 09:36:47 +0000 (12:36 +0300)
Somehow the image filters order matters for iOS browsers (Chrome, Safari), so
grayscale filter is not applied if -webkit-filter is not the last filter in
list.

themes/night.css

index 78b73f09ae5a0900f96a60b4028bf5584459327f..23c2a6de1c4bcbca3e421b03072c87f0ec3c81f0 100644 (file)
@@ -135,9 +135,9 @@ body#ttrssMain .cdm img.tinyFeedIcon,
 body#ttrssMain .cdm .cdmFooter img,
 body#ttrssMain #feedTree img,
 body#ttrssMain .postContent img {
+       filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); // firefox lol
        filter: grayscale(1);
        -webkit-filter: grayscale(1);
-       filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); // firefox lol
 }
 
 body#ttrssMain .hl img.hlScorePic {