Version 5.1.1 (#70)

* add `-webkit-` prefixed mask properties for placeholder CSS (fixes #67)

* send current value with `toggle-placeholders` message (fixes #66)

* bump version to 5.1.1

README.md

@@ -1,7 +1,7 @@
 [<img align="right" src="https://travis-ci.com/rthaut/deviantART-Filter.svg?branch=master" alt="Build Status"/>](https://travis-ci.com/rthaut/deviantART-Filter)
 [<img align="right" src="https://badges.greenkeeper.io/rthaut/deviantART-Filter.svg" alt="Greenkeeper badge"/>](https://greenkeeper.io/)
 
-# DeviantArt Filter 5.1.0
+# DeviantArt Filter 5.1.1
 
 > Allows configurable filtering/removal of deviations by user, tag, and/or category on DeviantArt
 
@@ -178,4 +178,3 @@ This setting, as the description states, is primarily for troubleshooting and de
 ### Browse Page with Placeholders Disabled
 
 ![Screenshot of DeviantArt with placeholders disabled for filtered deviations](/screenshots/No-Placeholders.png?raw=true)
-

docs/chrome/README.md

@@ -71,7 +71,6 @@ DeviantArt Filter allows you to export and import filters from a JSON file. This
 2. An `x` icon will appear in the top-left corner of the thumbnail.
 3. Click on the `x` to filter that user.
 
-
 [chrome-url]: https://chrome.google.com/webstore/detail/deviantart-filter/odlmamilbohnpnoomjclomghphbajikp
 [chrome-image-download]: https://img.shields.io/chrome-web-store/d/odlmamilbohnpnoomjclomghphbajikp.svg
 [chrome-image-version]: https://img.shields.io/chrome-web-store/v/odlmamilbohnpnoomjclomghphbajikp.svg

docs/firefox/README.md

@@ -71,7 +71,6 @@ DeviantArt Filter allows you to export and import filters from a JSON file. This
 2. An `x` icon will appear in the top-left corner of the thumbnail.
 3. Click on the `x` to filter that user.
 
-
 [firefox-url]: https://addons.mozilla.org/en-US/firefox/addon/deviantart-filter/
 [firefox-image-download]: https://img.shields.io/amo/d/deviantart-filter.svg
 [firefox-image-version]: https://img.shields.io/amo/v/deviantart-filter.svg

package.json

@@ -1,7 +1,7 @@
 {
   "name": "deviantart-filter",
   "title": "DeviantArt Filter",
-  "version": "5.1.0",
+  "version": "5.1.1",
   "description": "Allows configurable filtering/removal of deviations by user, tag, and/or category on DeviantArt",
   "author": "Ryan Thaut <[email protected]> (http://ryanthaut.com)",
   "homepage": "https://github.com/rthaut/deviantART-Filter",

src/helpers/constants.js

@@ -40,4 +40,8 @@ export const PLACEHOLDER_LOGO_CSS = [
     'mask-position: center center;',
     'mask-repeat: no-repeat;',
     'mask-size: 80% 50%;',
+    `-webkit-mask-image: url(${browser.runtime.getURL('images/placeholder.svg')});`,
+    '-webkit-mask-position: center center;',
+    '-webkit-mask-repeat: no-repeat;',
+    '-webkit-mask-size: 80% 50%;',
 ].join('\n');

src/scripts/background/browser-storage.js

@@ -41,7 +41,12 @@ const BrowserStorage = (() => {
                         });
 
                     case 'placeholders':
-                        return BrowserTabs.sendMessageToAllTabs({ 'action': 'toggle-placeholders' });
+                        return BrowserTabs.sendMessageToAllTabs({
+                            'action': 'toggle-placeholders',
+                            'data': {
+                                'placeholders': changes[item].newValue
+                            }
+                        });
 
                     case 'placeholderBGColor':
                     case 'placeholderLogoColor':