From e9a3ed563c48de254da51faac65e137f8d5b6816 Mon Sep 17 00:00:00 2001
From: evazion <noizave@gmail.com>
Date: Fri, 18 Oct 2019 07:56:55 -0500
Subject: [PATCH] dtext: fix tag colors bleeding through [spoiler] tags.

https://danbooru.donmai.us/forum_topics/9127?page=283#forum_post_160443
---
 app/javascript/src/styles/common/dtext.scss   | 9 +++++++++
 app/javascript/src/styles/common/spoiler.scss | 8 --------
 2 files changed, 9 insertions(+), 8 deletions(-)
 delete mode 100644 app/javascript/src/styles/common/spoiler.scss

diff --git a/app/javascript/src/styles/common/dtext.scss b/app/javascript/src/styles/common/dtext.scss
index d51cb8c7b..c456d376c 100644
--- a/app/javascript/src/styles/common/dtext.scss
+++ b/app/javascript/src/styles/common/dtext.scss
@@ -112,6 +112,15 @@ div.prose {
   a.dtext-wiki-does-not-exist, a.dtext-tag-does-not-exist {
     text-decoration: dotted underline;
   }
+
+  .spoiler, .spoiler * {
+    color: var(--dtext-spoiler-color);
+    background: var(--dtext-spoiler-background-color);
+  }
+
+  .spoiler:hover, .spoiler:hover * {
+    color: var(--dtext-spoiler-hover-color);
+  }
 }
 
 // avoid empty gaps beneath dtext blocks in table rows.
diff --git a/app/javascript/src/styles/common/spoiler.scss b/app/javascript/src/styles/common/spoiler.scss
deleted file mode 100644
index d4b3b6bf0..000000000
--- a/app/javascript/src/styles/common/spoiler.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.spoiler, .spoiler a {
-  color: var(--dtext-spoiler-color);
-  background: var(--dtext-spoiler-background-color);
-}
-
-.spoiler:hover, .spoiler:hover a {
-  color: var(--dtext-spoiler-hover-color);
-}