vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Set .active class only when component has a opacity > 0

old
@soyjavi 2015-11-15 14:11:35 +07:00
parent bacb02b8e4
commit 17cc28d3a2
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/overlay/index.jsx
View File

@ -17,6 +17,7 @@ class Overlay extends React.Component {
componentDidMount () {
this.app = document.getElementById('react-toolbox-app') || document.body;
this.node = document.createElement('div');
this.node.setAttribute('data-react-toolbox', 'overlay');
this.app.appendChild(this.node);
this.handleRender();
}
@ -32,10 +33,11 @@ class Overlay extends React.Component {
handleRender () {
let className = style.root;
let overlayStyle = {};
const overlayStyle = {};
if (this.props.active) {
className += ` ${style.active}`;
if (this.props.opacity) overlayStyle.opacity = this.props.opacity;
if (this.props.opacity > 0) className += ` ${style.active}`;
overlayStyle.opacity = this.props.opacity;
}
if (this.props.className) className += ` ${className}`;