[SFW Switch] Additional Fields Patched, Additional Plugin Integration Added (#677)

* Added additional plugin support, patched additional fields previously left uncensored.

* Update README

Clarified instructions for adding custom selectors to additional_plugins.css.

---------

Co-authored-by: DogmaDragon <[email protected]>

Author: Servbot91

plugins/SFWSwitch/README.md

@@ -9,6 +9,8 @@ https://discourse.stashapp.cc/t/sfw-switch/4658
   - Gray = Blur disabled
 - Toggling the button blurs cover images and other content.
 - Hovering over an image temporarily removes the blur.
+- Extends the blurring functionality to some community plugins. 
+  - Custom selectors should should be added to `additional_plugins.css` file.
 
 ## Screenshots
 
@@ -17,4 +19,4 @@ https://discourse.stashapp.cc/t/sfw-switch/4658
 ## Credit
 Original plugin by Belleyy [here](https://github.com/Belleyy/CommunityScripts/tree/pluginUI_SFWSwitch/plugins/SFW%20Switch).  
 
-The CSS code used is provided by fl0w#9497 [here](https://discourse.stashapp.cc/t/custom-css-snippets/4043#p-8143-blur-nsfw-images-and-unblur-on-mouse-over-41).
+The CSS code used is provided by fl0w#9497 [here](https://discourse.stashapp.cc/t/custom-css-snippets/4043#p-8143-blur-nsfw-images-and-unblur-on-mouse-over-41).

plugins/SFWSwitch/additional_plugins.css

@@ -0,0 +1,65 @@
+/* [Global changes] Blur NSFW images and unblur on mouse over */
+
+/*Credit: fl0w#9497 */
+
+/* === MORE BLUR === */
+
+/* Stash Battle */
+.pwr-scene-image-container,
+.pwr-scene-image-container,
+.pwr-hover-preview,
+.pwr-scene-image-container .pwr-scene-image,
+
+/* HotOrNot */
+.hon-performer-image,
+.hon-scene-image,
+.hon-image-image-container,
+.hon-image-image,
+
+/* O Stats */
+.custom-stats-row .stats-element img,
+#on-this-day-section [style*="position: relative; height: 400px"]
+{
+filter: blur(30px);
+}
+
+/* === LESS BLUR === */
+
+/* StashBattle */
+.pwr-scene-info,
+
+/* HotOrNot */
+.hon-performer-info.hon-scene-info,
+
+/* O Stats */
+.custom-stats-row .stats-element,
+#on-this-day-section [style*="display: flex"][style*="cursor: pointer"] img,
+#on-this-day-section [style*="display: flex"][style*="cursor: pointer"] img + div,
+#on-this-day-section > div:last-child
+{
+filter: blur(2px);
+}
+
+/* StashBattle */
+.pwr-scene-image-container:hover,
+.pwr-scene-image-container:hover .pwr-hover-preview,
+.pwr-scene-image-container:hover .pwr-scene-image,
+.pwr-scene-info:hover,
+
+/* HotOrNot */
+.hon-performer-image:hover,
+.hon-scene-image:hover,
+.hon-image-image-container:hover,
+.hon-image-image:hover,
+.hon-performer-info.hon-scene-info:hover,
+
+/* O Stats */
+.custom-stats-row .stats-element:hover,
+.custom-stats-row .stats-element:hover img,
+#on-this-day-section [style*="display: flex"][style*="cursor: pointer"]:hover img,
+#on-this-day-section [style*="display: flex"][style*="cursor: pointer"]:hover img + div,
+#on-this-day-section > div:last-child:hover,
+#on-this-day-section [style*="position: relative; height: 400px"]:hover 
+{
+filter: blur(0px);
+}

plugins/SFWSwitch/sfw.css

@@ -3,6 +3,7 @@
 /*Credit: fl0w#9497 */
 
 /* === MORE BLUR === */
+
 /* scene */
 .scene-card-preview,
 .vjs-poster,
@@ -34,11 +35,13 @@ img.performer,
 /* tag */
 .tag-card-image
 
+
 {
 filter: blur(30px);
 }
 
 /* === LESS BLUR === */
+
 /* common */
 .card-section-title,
 
@@ -48,6 +51,7 @@ filter: blur(30px);
 h3.scene-header,
 .studio-logo,
 .image-thumbnail,
+.TruncatedText.scene-card__description,
 
 /* image */
 h3.image-header,
@@ -57,20 +61,26 @@ h3.image-header,
 
 /* gallery */
 h3.gallery-header,
+.TruncatedText.gallery-card__description,
 
 /* studio */
 .studio-details .logo,
 .studio-details > div > h2,
+.studio-card__details,
+.studio-parent-studios,
 
 /* tag */
 .logo-container > .logo,
-.logo-container > h2
+.logo-container > h2,
+.TruncatedText.tag-description,
+.tag-parent-tags
 
 {
 filter: blur(2px);
 }
 
 /* === UNBLUR ON HOVER === */
+
 /* common */
 .thumbnail-section:hover *,
 .card:hover .card-section-title,
@@ -87,6 +97,7 @@ div:hover > .scene-header,
 .scene-card-preview:hover,
 .scrubber-item:hover,
 .scene-image:hover,
+.TruncatedText.scene-card__description:hover,
 
 /* image */
 .image-image:hover,
@@ -100,17 +111,24 @@ div:hover > .image-header,
 /* gallery */
 div:hover > .gallery-header,
 table > tbody > tr > td:hover > a > img.w-100,
+.TruncatedText.gallery-card__description:hover,
 
 /* performer */
 img.performer:hover,
 
 /* studio */ 
 .studio-details .logo:hover,
 .studio-details:hover > div > h2,
+.studio-card__details:hover,
+.studio-parent-studios:hover,
+
 
 /* tag */
 .logo-container > .logo:hover,
-.logo-container:hover > h2
+.logo-container:hover > h2,
+.TruncatedText.tag-description:hover,
+.tag-parent-tags:hover
+
 {
 filter: blur(0px);
 }

plugins/SFWSwitch/sfwswitch.yml

@@ -1,9 +1,10 @@
 name: SFW Switch
 description: Add a button to blur covers and images.
-version: 1.3
+version: 1.4
 url: https://discourse.stashapp.cc/t/sfw-switch/4658
 ui:
   javascript:
   - sfw.js
   css:
-  - sfw.css
+  - sfw.css
+  - additional_plugins.css