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

make send screen items clickable

Browse source
This commit is contained in:
Marty Alcala 2016-10-12 12:15:24 -04:00
commit d10e0bfcc9
2 changed files with 31 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/sass/views/includes/txp-details.scss
View file

@ -51,7 +51,13 @@
} }
.item { .item {
color: #4A4A4A; color: #4A4A4A;
padding: $item-vertical-padding $item-lateral-padding; padding-top: $item-vertical-padding;
padding-bottom: $item-vertical-padding;
padding-left: $item-lateral-padding;
&:not(.item-icon-right) {
padding-right: $item-lateral-padding;
}
.label { .label {
font-size: 14px; font-size: 14px;
@ -62,7 +68,8 @@
&.single-line { &.single-line {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 17px $item-lateral-padding; padding-top: 17px;
padding-bottom: 17px;
.label { .label {
margin: 0; margin: 0;
@ -113,15 +120,19 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding: .2rem 0; padding: .2rem 0;
i { margin-bottom: 5px;
> i {
padding: 0; padding: 0;
} position: static;
img {
height: 24px; > img {
width: 24px; height: 24px;
padding: 2px; width: 24px;
margin-right: .7rem; padding: 2px;
box-shadow: none; margin-right: .7rem;
box-shadow: none;
}
} }
} }

17
www/views/confirm.html
View file

@ -29,7 +29,7 @@
<span ng-if="tx.hasMultiplesOutputs" translate>Multiple recipients</span> --> <span ng-if="tx.hasMultiplesOutputs" translate>Multiple recipients</span> -->
</span> </span>
</div> </div>
<div class="item"> <a class="item item-icon-right">
<span class="label" translate>From</span> <span class="label" translate>From</span>
<div class="wallet"> <div class="wallet">
<i class="icon big-icon-svg"> <i class="icon big-icon-svg">
@ -37,19 +37,22 @@
</i> </i>
<div>{{wallet.name}}</div> <div>{{wallet.name}}</div>
</div> </div>
</div> <i class="icon bp-arrow-right"></i>
<div class="item single-line"> </a>
<span class="label" translate>{{'Memo'|translate}}</span> <a class="item single-line item-icon-right">
<span class="label" translate>{{'Add Memo'|translate}}</span>
<span class="item-note"> <span class="item-note">
{{description}} {{description}}
</span> </span>
</div> <i class="icon bp-arrow-right"></i>
<div class="item single-line"> </a>
<a class="item single-line item-icon-right">
<span class="label" translate>Fee</span> <span class="label" translate>Fee</span>
<span class="item-note"> <span class="item-note">
{{fee}} {{fee}}
</span> </span>
</div> <i class="icon bp-arrow-right"></i>
</a>
</div> </div>
</div> </div>
</ion-content> </ion-content>