mirror of https://github.com/BTCPrivate/copay.git
onboarding email: fix scrolling when focus input
This commit is contained in:
parent
2fccd89c3a
commit
e19d5dc254
|
@ -69,7 +69,7 @@ module.exports = function(grunt) {
|
||||||
tasks: ['concat:css']
|
tasks: ['concat:css']
|
||||||
},
|
},
|
||||||
sass: {
|
sass: {
|
||||||
files: ['src/sass/**/*.scss'],
|
files: ['src/sass/**/**/*.scss'],
|
||||||
tasks: ['sass', 'concat:css']
|
tasks: ['sass', 'concat:css']
|
||||||
},
|
},
|
||||||
main: {
|
main: {
|
||||||
|
|
|
@ -6,22 +6,22 @@
|
||||||
<div class="row text-center">
|
<div class="row text-center">
|
||||||
<h3 translate class="col">Wallet Created</h3>
|
<h3 translate class="col">Wallet Created</h3>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="collect-email">
|
||||||
|
<div class="row text-center">
|
||||||
|
<p translate class="col col-75">Where would you like to receive email notifications about payments </p>
|
||||||
|
</div>
|
||||||
|
<form name="emailForm" ng-submit="save(emailForm)" novalidate>
|
||||||
|
<label class="item item-input col col-75">
|
||||||
|
<i class="icon ion-arrow-right-c"></i>
|
||||||
|
<input type="email" id="email" name="email" ng-model="email" required></input>
|
||||||
|
</label>
|
||||||
|
</form>
|
||||||
|
<div class="text-center">
|
||||||
|
<button class="button button-back no-border" ng-click="onboardingMailSkip()">
|
||||||
|
{{'Skip' | translate}}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
</ion-content>
|
</ion-content>
|
||||||
<div id="collect-email">
|
|
||||||
<div class="row text-center">
|
|
||||||
<p translate class="col col-75">Where would you like to receive email notifications about payments </p>
|
|
||||||
</div>
|
|
||||||
<form name="emailForm" ng-submit="save(emailForm)" novalidate>
|
|
||||||
<label class="item item-input col col-75">
|
|
||||||
<i class="icon ion-arrow-right-c"></i>
|
|
||||||
<input type="email" id="email" name="email" ng-model="email" required></input>
|
|
||||||
</label>
|
|
||||||
</form>
|
|
||||||
<div class="text-center">
|
|
||||||
<button class="button button-back no-border" ng-click="onboardingMailSkip()">
|
|
||||||
{{'Skip' | translate}}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="overlay"></div>
|
|
||||||
</ion-view>
|
</ion-view>
|
||||||
|
|
|
@ -1,5 +1,8 @@
|
||||||
#onboarding-collect-email {
|
#onboarding-collect-email {
|
||||||
background: rgb(17, 209, 166);
|
background: rgb(17, 209, 166);
|
||||||
|
.scroll {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
#success-image {
|
#success-image {
|
||||||
margin-top: 4rem;
|
margin-top: 4rem;
|
||||||
}
|
}
|
||||||
|
@ -18,7 +21,7 @@
|
||||||
animation-duration: 1s;
|
animation-duration: 1s;
|
||||||
animation-delay: 2s;
|
animation-delay: 2s;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: -100%;
|
bottom: -13rem;
|
||||||
animation-fill-mode: forwards;
|
animation-fill-mode: forwards;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
|
Loading…
Reference in New Issue