onboarding email: fix scrolling when focus input

This commit is contained in:
Gustavo Maximiliano Cortez 2016-09-02 15:55:43 -03:00
parent 2fccd89c3a
commit e19d5dc254
No known key found for this signature in database
GPG Key ID: 15EDAD8D9F2EB1AF
3 changed files with 22 additions and 19 deletions

View File

@ -69,7 +69,7 @@ module.exports = function(grunt) {
tasks: ['concat:css']
},
sass: {
files: ['src/sass/**/*.scss'],
files: ['src/sass/**/**/*.scss'],
tasks: ['sass', 'concat:css']
},
main: {

View File

@ -6,22 +6,22 @@
<div class="row text-center">
<h3 translate class="col">Wallet Created</h3>
</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>
<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>

View File

@ -1,5 +1,8 @@
#onboarding-collect-email {
background: rgb(17, 209, 166);
.scroll {
height: 100%;
}
#success-image {
margin-top: 4rem;
}
@ -18,7 +21,7 @@
animation-duration: 1s;
animation-delay: 2s;
position: absolute;
bottom: -100%;
bottom: -13rem;
animation-fill-mode: forwards;
z-index: 5;
margin-top: 0;