[Patch] fix themes/night.css for iOS browsers

Development-related discussion, including bundled plugins
hirthwork
Bear Rating Trainee
Bear Rating Trainee
Posts: 1
Joined: 26 Aug 2016, 09:21

[Patch] fix themes/night.css for iOS browsers

Postby hirthwork » 26 Aug 2016, 09:59

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.
Please consider the following patch for merging into upstream or give developer permissions to 'hirthwork' user, so I can do this myself.

Code: Select all

--- a/themes/night.css
+++ b/themes/night.css
@@ -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 {


Tested on Chrome and Safary on iOS and on Pale Moon and Chrome on Linux desktop.

User avatar
fox
^ me reading your posts ^
Posts: 6318
Joined: 27 Aug 2005, 22:53
Location: Saint-Petersburg, Russia
Contact:

Re: [Patch] fix themes/night.css for iOS browsers

Postby fox » 26 Aug 2016, 10:58

you should have the necessary permissions now


Return to “Development”

Who is online

Users browsing this forum: No registered users and 2 guests