feat: fix onBoarding wizard horizontal alignment on step1 and on brow…

…ser step (#6577)
MetaMask · Jun 14, 2023 · 4e52228 · 4e52228
1 parent 59aa2ae
commit 4e52228
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/app/components/UI/OnboardingWizard/Coachmark/index.js b/app/components/UI/OnboardingWizard/Coachmark/index.js
@@ -136,11 +136,17 @@ const createStyles = (colors) =>
       alignItems: 'flex-start',
       marginLeft: 60,
     },
+    bottomLeftCorner: {
+      marginBottom: 10,
+      top: -2,
+      alignItems: 'flex-start',
+      marginLeft: 30,
+    },
     bottomRight: {
       marginBottom: 10,
       top: -2,
       alignItems: 'flex-end',
-      marginRight: 30,
+      marginRight: 90,
     },
     circle: {
       width: 6,
@@ -217,6 +223,7 @@ export default class Coachmark extends PureComponent {
       false,
       'bottomCenter',
       'bottomLeft',
+      'bottomLeftCorner',
       'bottomRight',
     ]),
     /**
@@ -302,6 +309,7 @@ export default class Coachmark extends PureComponent {
     const positions = {
       bottomCenter: styles.bottomCenter,
       bottomLeft: styles.bottomLeft,
+      bottomLeftCorner: styles.bottomLeftCorner,
       bottomRight: styles.bottomRight,
       [undefined]: styles.bottomCenter,
     };

diff --git a/app/components/UI/OnboardingWizard/Step1/index.js b/app/components/UI/OnboardingWizard/Step1/index.js
@@ -102,7 +102,7 @@ class Step1 extends PureComponent {
             onNext={this.onNext}
             onBack={this.onClose}
             coachmarkStyle={styles.coachmark}
-            bottomIndicatorPosition={'bottomLeft'}
+            bottomIndicatorPosition={'bottomLeftCorner'}
             action
             onClose={this.onClose}
           />