1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00

scroll smooth

This commit is contained in:
brunobar79 2018-07-18 23:12:49 -04:00
parent 49d1bdea8a
commit 2bfddc288e
2 changed files with 12 additions and 3 deletions

View File

@ -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 }),

View File

@ -184,6 +184,7 @@
color: #5B5D67;
line-height: 19px;
text-align: center;
cursor: pointer;
&__arrow {
transform: rotate(90deg);