diff options
Diffstat (limited to 'webapp/components/tutorial/tutorial_tip.jsx')
-rw-r--r-- | webapp/components/tutorial/tutorial_tip.jsx | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/webapp/components/tutorial/tutorial_tip.jsx b/webapp/components/tutorial/tutorial_tip.jsx index c9b7367d2..461d28386 100644 --- a/webapp/components/tutorial/tutorial_tip.jsx +++ b/webapp/components/tutorial/tutorial_tip.jsx @@ -10,6 +10,7 @@ import Constants from 'utils/constants.jsx'; import {FormattedMessage, FormattedHTMLMessage} from 'react-intl'; const Preferences = Constants.Preferences; +import * as Utils from 'utils/utils.jsx'; import {Overlay} from 'react-bootstrap'; @@ -47,8 +48,17 @@ export default class TutorialTip extends React.Component { return; } + this.closeRightSidebar(); this.toggle(); } + closeRightSidebar() { + if (Utils.isMobile()) { + setTimeout(() => { + document.querySelector('.app__body .inner-wrap').classList.remove('move--left-small'); + document.querySelector('.app__body .sidebar--menu').classList.remove('move--left'); + }); + } + } skipTutorial(e) { e.preventDefault(); @@ -94,7 +104,7 @@ export default class TutorialTip extends React.Component { } var tutorialGifImage = tutorialGif; - if (this.props.overlayClass === 'tip-overlay--header' || this.props.overlayClass === 'tip-overlay--sidebar') { + if (this.props.overlayClass === 'tip-overlay--header' || this.props.overlayClass === 'tip-overlay--sidebar' || this.props.overlayClass === 'tip-overlay--header--up') { tutorialGifImage = tutorialGifWhite; } |