diff options
| author | Brandon Millman <brandon@0xproject.com> | 2018-06-30 03:01:13 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-06-30 03:01:13 +0800 |
| commit | cc12bc9247d432b7f1248c8c0aaf9f905fa58d6d (patch) | |
| tree | e17104279cc60566fd8443ba7805ec7e64380f84 /packages/website/ts/components/onboarding | |
| parent | 50556e26098a9720f933153697008fb4ea8ececb (diff) | |
| parent | ddec01e6c1d9cfeaf5b01278b1b796644705433b (diff) | |
| download | dexon-sol-tools-cc12bc9247d432b7f1248c8c0aaf9f905fa58d6d.tar dexon-sol-tools-cc12bc9247d432b7f1248c8c0aaf9f905fa58d6d.tar.gz dexon-sol-tools-cc12bc9247d432b7f1248c8c0aaf9f905fa58d6d.tar.bz2 dexon-sol-tools-cc12bc9247d432b7f1248c8c0aaf9f905fa58d6d.tar.lz dexon-sol-tools-cc12bc9247d432b7f1248c8c0aaf9f905fa58d6d.tar.xz dexon-sol-tools-cc12bc9247d432b7f1248c8c0aaf9f905fa58d6d.tar.zst dexon-sol-tools-cc12bc9247d432b7f1248c8c0aaf9f905fa58d6d.zip | |
Merge pull request #792 from 0xProject/feature/website/wallet-polish
Various wallet polish items
Diffstat (limited to 'packages/website/ts/components/onboarding')
| -rw-r--r-- | packages/website/ts/components/onboarding/portal_onboarding_flow.tsx | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx b/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx index 296b410fe..ccc8d9e86 100644 --- a/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx +++ b/packages/website/ts/components/onboarding/portal_onboarding_flow.tsx @@ -47,8 +47,14 @@ class PlainPortalOnboardingFlow extends React.Component<PortalOnboardingFlowProp public componentWillUnmount(): void { this._unlisten(); } - public componentDidUpdate(): void { + public componentDidUpdate(prevProps: PortalOnboardingFlowProps): void { this._overrideOnboardingStateIfShould(); + if (!prevProps.isRunning && this.props.isRunning) { + // On mobile, make sure the wallet is completely visible. + if (this.props.screenWidth === ScreenWidths.Sm) { + document.querySelector('.wallet').scrollIntoView(); + } + } } public render(): React.ReactNode { return ( |