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 83fbfc48..9a03b889 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, }, );