diff options
| author | brunobar79 <brunobar79@gmail.com> | 2018-07-19 11:12:49 +0800 |
|---|---|---|
| committer | brunobar79 <brunobar79@gmail.com> | 2018-07-19 11:12:49 +0800 |
| commit | 2bfddc288e64f130d1677afca4448202181523ea (patch) | |
| tree | 40097082e519b022d7faea5d80194eb99108fe4c /ui/app/components | |
| parent | 49d1bdea8a47139cc814d3c49aa97bf2d542d3d5 (diff) | |
| download | tangerine-wallet-browser-2bfddc288e64f130d1677afca4448202181523ea.tar tangerine-wallet-browser-2bfddc288e64f130d1677afca4448202181523ea.tar.gz tangerine-wallet-browser-2bfddc288e64f130d1677afca4448202181523ea.tar.bz2 tangerine-wallet-browser-2bfddc288e64f130d1677afca4448202181523ea.tar.lz tangerine-wallet-browser-2bfddc288e64f130d1677afca4448202181523ea.tar.xz tangerine-wallet-browser-2bfddc288e64f130d1677afca4448202181523ea.tar.zst tangerine-wallet-browser-2bfddc288e64f130d1677afca4448202181523ea.zip | |
scroll smooth
Diffstat (limited to 'ui/app/components')
| -rw-r--r-- | ui/app/components/pages/create-account/connect-hardware/connect-screen.js | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/ui/app/components/pages/create-account/connect-hardware/connect-screen.js b/ui/app/components/pages/create-account/connect-hardware/connect-screen.js index 47288c73f..5c6c54acf 100644 --- a/ui/app/components/pages/create-account/connect-hardware/connect-screen.js +++ b/ui/app/components/pages/create-account/connect-hardware/connect-screen.js @@ -54,9 +54,15 @@ class ConnectScreen extends Component { ) } + scrollToTutorial = (e) => { + if (this.referenceNode) this.referenceNode.scrollIntoView({behavior: 'smooth'}) + } + renderLearnMore () { return ( - h('p.hw-connect__learn-more', {}, [ + h('p.hw-connect__learn-more', { + onClick: this.scrollToTutorial, + }, [ this.context.t('learnMore'), h('img.hw-connect__learn-more__arrow', { src: 'images/caret-right.svg'}), ]) @@ -79,9 +85,11 @@ class ConnectScreen extends Component { }, ] - return h('.hw-tutorial', {}, + return h('.hw-tutorial', { + ref: node => { this.referenceNode = node }, + }, steps.map((step, i) => ( - h('div.hw-connect', [ + h('div.hw-connect', {}, [ h('h3.hw-connect__title', {}, this.context.t(`step${i + 1}HardwareWallet`)), h('p.hw-connect__msg', {}, this.context.t(`step${i + 1}HardwareWalletMsg`)), h('img.hw-connect__step-asset', { src: `images/${step.asset}.svg`, ...step.dimensions }), |