anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

fixed backup request view for iPhone5 size devices

Browse source
This commit is contained in:
Jamal Jackson 2016-09-09 09:47:53 -04:00
commit be927da487
2 changed files with 43 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
public/views/onboarding/backupRequest.html
View file

@ -16,12 +16,14 @@
<div class="row text-center"> <div class="row text-center">
<i class="ion-ios-arrow-thin-down light-blue col col-60" id="arrow-down"></i> <i class="ion-ios-arrow-thin-down light-blue col col-60" id="arrow-down"></i>
</div> </div>
<div class="row"> <div class="cta-buttons">
<button class="button button-block button-positive col-75 col" href <div class="row">
ui-sref="onboarding.backupWarning({walletId: walletId})" translate>Backup wallet</button> <button class="button button-block button-positive col-75 col" href
</div> ui-sref="onboarding.backupWarning({walletId: walletId})" translate>Backup wallet</button>
<div class="row"> </div>
<button class="button button-block button-transparent col-75 col" ng-click="openPopup()" translate>I'll backup my wallet later</button> <div class="row">
<button class="button button-block button-transparent col-75 col" ng-click="openPopup()" translate>I'll backup my wallet later</button>
</div>
</div> </div>
</ion-content> </ion-content>
</ion-view> </ion-view>

35
src/sass/views/onboarding/onboard-backup-request.scss
View file

@ -8,4 +8,39 @@
#arrow-down{ #arrow-down{
font-size: 4.2rem; font-size: 4.2rem;
} }
.cta-buttons{
width:100%;
float:left;
position: relative;
}
}
@media (max-width: 400px){
#onboarding-backup-request{
.warning{
margin: 2rem auto 1rem;
height: 8rem;
}
h3{
font-size:1.3rem;
}
p{
font-size:.9rem;
max-width: 80%;
flex: 0 0 80%;
}
.cta-buttons{
float:none;
bottom:0;
position: absolute;
}
}
}
@media (max-height: 540px){
#onboarding-backup-request{
.cta-buttons{
float:left;
position: relative;
}
}
} }