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

ensure header background is pullable when collapsing is disabled

Browse source
This commit is contained in:
Marty Alcala 2016-11-14 19:13:14 -05:00
commit 26814461f1
2 changed files with 19 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/sass/views/walletDetails.scss
View file

@ -141,12 +141,22 @@
.amount-bg { .amount-bg {
content: ''; content: '';
bottom: 0; top: 0;
left: 0; left: 0;
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 200px; height: 500px;
transform: translateY(100px); transform: translateY(-499px);
&.collapsible {
top: initial;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 200px;
transform: translateY(100px);
}
} }
} }
.amount { .amount {

7
www/views/walletDetails.html
View file

@ -17,6 +17,7 @@
<div <div
class="amount-bg" class="amount-bg"
ng-style="{'background-color':wallet.color}" ng-style="{'background-color':wallet.color}"
ng-class="{collapsible: amountIsCollapsible}"
></div> ></div>
<div <div
ng-style="{'background-color':wallet.color, 'height': amountHeight}" ng-style="{'background-color':wallet.color, 'height': amountHeight}"
@ -88,7 +89,11 @@
on-refresh="onRefresh()"> on-refresh="onRefresh()">
</ion-refresher> </ion-refresher>
<div class="oh pr" ng-show="wallet && wallet.isComplete() && !amountIsCollapsible"> <div class="amount-wrapper" ng-show="wallet && wallet.isComplete() && !amountIsCollapsible">
<div
class="amount-bg"
ng-style="{'background-color':wallet.color}"
></div>
<div <div
ng-style="{'background-color':wallet.color}" ng-style="{'background-color':wallet.color}"
class="amount" class="amount"