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

Subtitles for coins on home screen.

Browse source
This commit is contained in:
Brendon Duncan 2018-06-17 17:56:50 +12:00
commit 585775e88b
3 changed files with 16 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/sass/views/tab-home.scss
View file

@ -37,6 +37,9 @@
padding-top: 1.5rem; padding-top: 1.5rem;
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
} }
&.compact-subtitle {
padding-bottom: 0;
}
} }
.item-sub { .item-sub {
&:first-child:before { &:first-child:before {

5
src/sass/views/tabs.scss
View file

@ -43,6 +43,11 @@
.icon { .icon {
color: $v-mid-gray; color: $v-mid-gray;
} }
.subtitle {
color: $v-mid-gray;
font-size: $font-size-small;
font-weight: 300;
}
} }
} }
} }

14
www/views/tab-home.html
View file

@ -46,7 +46,7 @@
</div> </div>
<div class="list card" ng-if="notifications[0] && recentTransactionsEnabled"> <div class="list card" ng-if="notifications[0] && recentTransactionsEnabled">
<a class="item item-icon-right item-heading" ui-sref="tabs.activity"> <a class="item item-icon-right item-heading" ui-sref="tabs.activity"></a>
<span translate>Recent Transactions</span> <span translate>Recent Transactions</span>
<i class="icon bp-arrow-right"></i> <i class="icon bp-arrow-right"></i>
</a> </a>
@ -56,9 +56,9 @@
</div> </div>
<div class="list card"> <div class="list card">
<div class="item item-icon-right item-heading"> <div class="item item-icon-right item-heading compact-subtitle">
<img class="wallet-coin-logo" src="img/bitcoin-cash-logo.svg" width="22"> <div translate>Bitcoin Cash (BCH)</div>
<span translate>Bitcoin Cash (BCH)</span> <div translate class="subtitle">Instant transactions with low fees</div>
<a ui-sref="tabs.add({coin:'bch'})"><i class="icon ion-ios-plus-empty list-add-button"></i></a> <a ui-sref="tabs.add({coin:'bch'})"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
</div> </div>
<div> <div>
@ -71,9 +71,9 @@
</div> </div>
<div class="list card"> <div class="list card">
<div class="item item-icon-right item-heading"> <div class="item item-icon-right item-heading compact-subtitle">
<img class="wallet-coin-logo" src="img/icon-bitcoin.svg" width="18"> <div translate>Bitcoin Core (BTC)</div>
<span translate>Bitcoin Core (BTC)</span> <div translate class="subtitle">Slow transactions with high fees</div>
<a ui-sref="tabs.add"><i class="icon ion-ios-plus-empty list-add-button"></i></a> <a ui-sref="tabs.add"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
</div> </div>
<div> <div>