Adds fee-summary bar, adds amount directive, adds support for fee-summary overlapping with content on scrollable small screens

This commit is contained in:
Sam Cheng Hung 2018-07-26 14:29:53 +08:00
commit 2492a405a1
9 changed files with 154 additions and 1 deletions

View file

@ -0,0 +1,6 @@
<div class="amount">
<span class="start">{{start}}</span>
<span class="middle">{{middle}}</span>
<span class="end">{{end}}</span>
<span class="currency">{{currency}}</span>
</div>

View file

@ -7,7 +7,7 @@
</ion-nav-back-button>
</ion-nav-bar>
<ion-content class="padded-bottom-cta bg-neutral"
<ion-content class="padded-bottom-cta-with-summary bg-neutral"
ng-init="memoExpanded = false">
<div class="header">
<div class="content" translate>
@ -63,6 +63,17 @@
</div>
</div>
</ion-content>
<div class="fee-summary">
<div class="fee-fiat positive">Fee: Less than 1 cent</div>
<div class="fee-crypto"
ng-init="fee = {value: '0.00195823', currency: 'BCH'};">
<amount
value="fee.value"
currency="fee.currency"></amount>
</div>
</div>
<click-to-accept
ng-click="approve(tx, wallet, statusChangeHandler)"
ng-if="(!isCordova || isWindowsPhoneApp) && wallet"