diff --git a/src/components/structures/LeftPanel.js b/src/components/structures/LeftPanel.js index b48d03be..60f07a62 100644 --- a/src/components/structures/LeftPanel.js +++ b/src/components/structures/LeftPanel.js @@ -19,6 +19,7 @@ limitations under the License. import React from 'react'; import { DragDropContext } from 'react-dnd'; import HTML5Backend from 'react-dnd-html5-backend'; +import classNames from 'classnames'; import KeyCode from 'matrix-react-sdk/lib/KeyCode'; import sdk from 'matrix-react-sdk'; import dis from 'matrix-react-sdk/lib/dispatcher'; @@ -55,7 +56,7 @@ var LeftPanel = React.createClass({ // We just need to update if any of these things change. if ( this.props.collapsed !== nextProps.collapsed || - this.props.opacity !== nextProps.opacity + this.props.disabled !== nextProps.disabled ) { return true; } @@ -176,21 +177,16 @@ var LeftPanel = React.createClass({ topBox = ; } - let classes = "mx_LeftPanel mx_fadable"; - if (this.props.collapsed) { - classes += " collapsed"; - } + let classes = classNames( + "mx_LeftPanel", "mx_fadable", + { + "collapsed": this.props.collapsed, + "mx_fadable_faded": this.props.disabled, + } + ); return ( -