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
This commit is contained in:
Luke Barnard 2018-03-16 15:56:25 +00:00
parent 1e977b50df
commit 71786116d8
1 changed files with 5 additions and 5 deletions

View File

@ -186,12 +186,11 @@ var LeftPanel = React.createClass({
topBox = <SearchBox collapsed={ this.props.collapsed } onSearch={ this.onSearch } />; topBox = <SearchBox collapsed={ this.props.collapsed } onSearch={ this.onSearch } />;
} }
let classes = classNames( const classes = classNames(
"mx_LeftPanel", "mx_fadable", "mx_LeftPanel",
{ {
"collapsed": this.props.collapsed, "collapsed": this.props.collapsed,
"mx_fadable_faded": this.props.disabled, },
}
); );
const tagPanelEnabled = const tagPanelEnabled =
@ -200,10 +199,11 @@ var LeftPanel = React.createClass({
const tagPanel = tagPanelEnabled ? <TagPanel /> : <div />; const tagPanel = tagPanelEnabled ? <TagPanel /> : <div />;
const containerClasses = classNames( const containerClasses = classNames(
"mx_LeftPanel_container", "mx_LeftPanel_container", "mx_fadable",
{ {
"mx_LeftPanel_container_collapsed": this.props.collapsed, "mx_LeftPanel_container_collapsed": this.props.collapsed,
"mx_LeftPanel_container_hasTagPanel": tagPanelEnabled, "mx_LeftPanel_container_hasTagPanel": tagPanelEnabled,
"mx_fadable_faded": this.props.disabled,
}, },
); );