mirror of https://github.com/BTCPrivate/copay.git
fix bottom being cut off issue when back button present with check for if header is present
This commit is contained in:
parent
845bf1063f
commit
c06a811bd3
|
@ -11,7 +11,7 @@
|
|||
<div class="row text-center">
|
||||
<h3 translate class="col-75 col">Almost done! Let's review</h3>
|
||||
</div>
|
||||
<div class="row text-center">
|
||||
<div class="row text-center tag">
|
||||
<p translate class="col col-75">
|
||||
Bitcoin is different - it cannot be safely held with a bank or web service
|
||||
</p>
|
||||
|
@ -20,7 +20,7 @@
|
|||
<ion-checkbox ng-model="accept1"><span translate>I understand my funds are held securely on this device, not by a company.</span></ion-checkbox>
|
||||
<ion-checkbox ng-model="accept2"><span translate>I understand if this app moved to another device or deleted, my bitcoin can only be recovered with the backup phrase</span></ion-checkbox>
|
||||
</ion-list>
|
||||
<div id="agree-to-terms" ng-if="accept1 && accept2">
|
||||
<div id="agree-to-terms" ng-if="accept1 && accept2" ng-class="{'header-present': backedUp == 'false'}">
|
||||
<div id="agree-to-terms-content" class="center-block">
|
||||
<ion-checkbox ng-model="terms.accept3"></ion-checkbox>
|
||||
<p translate>I have read, understood, and agree with the <a ng-click="openTermsModal()" translate>Terms of use</a>.</p>
|
||||
|
|
|
@ -3,6 +3,9 @@
|
|||
height: 100%;
|
||||
ion-content{
|
||||
height: 100%;
|
||||
&.has-header{
|
||||
top:40px !important;
|
||||
}
|
||||
.scroll{
|
||||
height: 100%;
|
||||
}
|
||||
|
@ -10,9 +13,17 @@
|
|||
margin-top:1.5rem;
|
||||
}
|
||||
}
|
||||
.tag{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.list{
|
||||
max-width: 600px;
|
||||
@include center-block();
|
||||
.item{
|
||||
&:first-child{
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.item {
|
||||
background: transparent;
|
||||
|
@ -59,6 +70,9 @@
|
|||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
&.header-present{
|
||||
bottom:16px;
|
||||
}
|
||||
&-content{
|
||||
max-width: 600px;
|
||||
@include center-block();
|
||||
|
|
Loading…
Reference in New Issue