diff options
author | JoramWilander <jwawilander@gmail.com> | 2015-11-02 09:21:08 -0500 |
---|---|---|
committer | JoramWilander <jwawilander@gmail.com> | 2015-11-02 14:47:24 -0500 |
commit | dedbc122c666a68de4759be7b7c70e698e3e2c28 (patch) | |
tree | 72d49acce0b7c24c9aab4cbe0b1434db4299784f /web/react/components/tutorial | |
parent | 393d253021e6b119ec35b92f9eeaa6f2d255008f (diff) | |
download | chat-dedbc122c666a68de4759be7b7c70e698e3e2c28.tar.gz chat-dedbc122c666a68de4759be7b7c70e698e3e2c28.tar.bz2 chat-dedbc122c666a68de4759be7b7c70e698e3e2c28.zip |
Overlay fixes and added class prop for tips
Diffstat (limited to 'web/react/components/tutorial')
-rw-r--r-- | web/react/components/tutorial/tutorial_tip.jsx | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/web/react/components/tutorial/tutorial_tip.jsx b/web/react/components/tutorial/tutorial_tip.jsx index 3482a7cfa..118209599 100644 --- a/web/react/components/tutorial/tutorial_tip.jsx +++ b/web/react/components/tutorial/tutorial_tip.jsx @@ -80,13 +80,19 @@ export default class TutorialTip extends React.Component { /> <Overlay + show={this.state.show} + > + <div className='tip-backdrop'/> + </Overlay> + + <Overlay placement={this.props.placement} show={this.state.show} rootClose={true} onHide={this.toggle} target={() => this.refs.target} > - <div className='tip-overlay'> + <div className={'tip-overlay ' + this.props.overlayClass}> {this.props.screens[this.state.currentScreen]} <div className='tutorial__circles'>{dots}</div> <div className='text-right'> @@ -113,7 +119,12 @@ export default class TutorialTip extends React.Component { } } +TutorialTip.defaultProps = { + overlayClass: '' +}; + TutorialTip.propTypes = { screens: React.PropTypes.array.isRequired, - placement: React.PropTypes.string.isRequired + placement: React.PropTypes.string.isRequired, + overlayClass: React.PropTypes.string }; |