Multiple UI improvements (#3317)

Removing break all

Replacing jquery selectors and some other UI improvements

Removing jquery selector

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