diff --git a/packages/venia-concept/src/components/CreateAccount/createAccount.css b/packages/venia-concept/src/components/CreateAccount/createAccount.css index 06c942fc04..afbcb3e646 100644 --- a/packages/venia-concept/src/components/CreateAccount/createAccount.css +++ b/packages/venia-concept/src/components/CreateAccount/createAccount.css @@ -1,6 +1,6 @@ .createAccountButton { text-align: center; - margin-top: 2em; + margin: 1rem 0; } .rewards { diff --git a/packages/venia-concept/src/components/Navigation/navigation.css b/packages/venia-concept/src/components/Navigation/navigation.css index 6a3b9ae3da..54a1862024 100644 --- a/packages/venia-concept/src/components/Navigation/navigation.css +++ b/packages/venia-concept/src/components/Navigation/navigation.css @@ -12,7 +12,8 @@ transition-timing-function: cubic-bezier(0.4, 0, 1, 1); transition-property: opacity, transform, visibility; visibility: hidden; - width: 360px; + width: 100%; + max-width: 360px; z-index: 3; } @@ -85,6 +86,7 @@ position: absolute; right: 0; top: 0; + overflow-y: auto; } .signIn_open { diff --git a/packages/venia-concept/src/components/Navigation/navigation.js b/packages/venia-concept/src/components/Navigation/navigation.js index 4795b410a3..65ec272039 100644 --- a/packages/venia-concept/src/components/Navigation/navigation.js +++ b/packages/venia-concept/src/components/Navigation/navigation.js @@ -217,23 +217,31 @@ class Navigation extends PureComponent { } = this; const { isCreateAccountOpen, isSignInOpen, rootNodeId } = state; - const { classes, closeDrawer, isOpen, rootCategoryId } = props; + const { + classes, + closeDrawer, + isOpen, + isSignedIn, + rootCategoryId + } = props; const className = isOpen ? classes.root_open : classes.root; const isTopLevel = !rootNodeId || rootNodeId === rootCategoryId; - const handleBack = isCreateAccountOpen - ? hideCreateAccountForm - : isSignInOpen - ? hideSignInForm - : isTopLevel - ? closeDrawer - : setRootNodeIdToParent; + const handleBack = + isCreateAccountOpen && !isSignedIn + ? hideCreateAccountForm + : isSignInOpen && !isSignedIn + ? hideSignInForm + : isTopLevel + ? closeDrawer + : setRootNodeIdToParent; - const title = isCreateAccountOpen - ? 'Create Account' - : isSignInOpen - ? 'Sign In' - : 'Main Menu'; + const title = + isCreateAccountOpen && !isSignedIn + ? 'Create Account' + : isSignInOpen && !isSignedIn + ? 'Sign In' + : 'Main Menu'; return (