From eddac4b188303d4fe456dd8150a32c17c6a41c28 Mon Sep 17 00:00:00 2001
From: Sorunome <mail@sorunome.de>
Date: Tue, 11 Jun 2019 21:08:45 +0200
Subject: [PATCH] blur spoilers

---
 res/css/views/rooms/_EventTile.scss      | 14 +++-----------
 src/components/views/elements/Spoiler.js |  4 +---
 2 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index dd078d7f30..cf3e5b7985 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -291,20 +291,12 @@ limitations under the License.
 }
 
 .mx_EventTile_spoiler_content {
-    background-color: black;
+    filter: blur(5px) saturate(0.1) sepia(1);
+    transition-duration: 0.5s;
 }
 
-.mx_EventTile_spoiler_content > span {
-    visibility: hidden;
-}
-
-
 .mx_EventTile_spoiler.visible > .mx_EventTile_spoiler_content {
-    background-color: initial;
-}
-
-.mx_EventTile_spoiler.visible > .mx_EventTile_spoiler_content > span {
-    visibility: visible;
+    filter: none;
 }
 
 /* End to end encryption stuff */
diff --git a/src/components/views/elements/Spoiler.js b/src/components/views/elements/Spoiler.js
index e1e0febbab..d2de7d70e0 100644
--- a/src/components/views/elements/Spoiler.js
+++ b/src/components/views/elements/Spoiler.js
@@ -23,9 +23,7 @@ module.exports = React.createClass({
             <span className={"mx_EventTile_spoiler" + (this.state.visible ? " visible" : "")} onClick={this.toggleVisible.bind(this)}>
                 { reason }
                 &nbsp;
-                <span className="mx_EventTile_spoiler_content">
-                    <span dangerouslySetInnerHTML={{ __html: this.props.contentHtml }} />
-                </span>
+                <span className="mx_EventTile_spoiler_content" dangerouslySetInnerHTML={{ __html: this.props.contentHtml }} />
             </span>
         );
     }