make the UI fadable to help with decluttering

2016-04-12 17:17:08 +01:00
parent 34bdd40953
commit 05e963d1e2
4 changed files with 14 additions and 5 deletions
@@ -158,13 +158,13 @@ module.exports = React.createClass({

        }

-        var classes = "mx_RightPanel";
+        var classes = "mx_RightPanel mx_fadable";
        if (this.props.collapsed) {
            classes += " collapsed";
        }

        return (
-            <aside className={classes}>
+            <aside className={classes} style={{ opacity: this.props.opacity }}>
                <div className="mx_RightPanel_header">
                    { buttonGroup }
                </div>