Use CSS to stop greyed Right/LeftPanel UI from being interactable

2017-10-24 17:10:29 +01:00 · 2017-10-24 17:10:29 +01:00 · bd15a88c89
commit bd15a88c89
parent 858e1fa341
2 changed files with 15 additions and 3 deletions
--- a/src/components/structures/RightPanel.js
+++ b/src/components/structures/RightPanel.js
@ -351,7 +351,12 @@ module.exports = React.createClass({
        }

        return (
-            <aside className={classes} style={{ opacity: this.props.opacity }}>
+            <aside className={classes}
+                style={{
+                    opacity: this.props.opacity,
+                    pointerEvents: this.props.opacity < 1.0 ? 'none' : undefined,
+                }}
+            >
                <div className="mx_RightPanel_header">
                    <div className="mx_RightPanel_headerButtonGroup">
                        {headerButtons}