summaryrefslogtreecommitdiffstats
path: root/web/react/components/tutorial/tutorial_tip.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/react/components/tutorial/tutorial_tip.jsx')
-rw-r--r--web/react/components/tutorial/tutorial_tip.jsx15
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
};