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

This commit is contained in:
Luke Barnard 2017-10-24 17:10:29 +01:00
parent 858e1fa341
commit bd15a88c89
2 changed files with 15 additions and 3 deletions

View File

@ -182,8 +182,15 @@ var LeftPanel = React.createClass({
}
return (
<aside className={classes} style={{ opacity: this.props.opacity }}
onKeyDown={ this._onKeyDown } onFocus={ this._onFocus } onBlur={ this._onBlur }>
<aside className={classes}
style={{
opacity: this.props.opacity,
pointerEvents: this.props.opacity < 1.0 ? 'none' : undefined,
}}
onKeyDown={ this._onKeyDown }
onFocus={ this._onFocus }
onBlur={ this._onBlur }
>
{ topBox }
<CallPreview ConferenceHandler={VectorConferenceHandler} />
<RoomList

View File

@ -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}