From 71786116d850981e07880974707faba0614d4b04 Mon Sep 17 00:00:00 2001
From: Luke Barnard <luke@matrix.org>
Date: Fri, 16 Mar 2018 15:56:25 +0000
Subject: [PATCH] Ensure entire LeftPanel is faded when settings open

so as to prevent interaction with TagPanel.

Fixes https://github.com/vector-im/riot-web/issues/6184
---
 src/components/structures/LeftPanel.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/structures/LeftPanel.js b/src/components/structures/LeftPanel.js
index 83fbfc48fd..9a03b88903 100644
--- a/src/components/structures/LeftPanel.js
+++ b/src/components/structures/LeftPanel.js
@@ -186,12 +186,11 @@ var LeftPanel = React.createClass({
             topBox = <SearchBox collapsed={ this.props.collapsed } onSearch={ this.onSearch } />;
         }
 
-        let classes = classNames(
-            "mx_LeftPanel", "mx_fadable",
+        const classes = classNames(
+            "mx_LeftPanel",
             {
                 "collapsed": this.props.collapsed,
-                "mx_fadable_faded": this.props.disabled,
-            }
+            },
         );
 
         const tagPanelEnabled =
@@ -200,10 +199,11 @@ var LeftPanel = React.createClass({
         const tagPanel = tagPanelEnabled ? <TagPanel /> : <div />;
 
         const containerClasses = classNames(
-            "mx_LeftPanel_container",
+            "mx_LeftPanel_container", "mx_fadable",
             {
                 "mx_LeftPanel_container_collapsed": this.props.collapsed,
                 "mx_LeftPanel_container_hasTagPanel": tagPanelEnabled,
+                "mx_fadable_faded": this.props.disabled,
             },
         );