make send screen items clickable

This commit is contained in:
Marty Alcala 2016-10-12 12:15:24 -04:00
parent 702697a9dc
commit d10e0bfcc9
2 changed files with 31 additions and 17 deletions

View File

@ -51,7 +51,13 @@
}
.item {
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 {
font-size: 14px;
@ -62,7 +68,8 @@
&.single-line {
display: flex;
align-items: center;
padding: 17px $item-lateral-padding;
padding-top: 17px;
padding-bottom: 17px;
.label {
margin: 0;
@ -113,15 +120,19 @@
display: flex;
align-items: center;
padding: .2rem 0;
i {
margin-bottom: 5px;
> i {
padding: 0;
}
img {
height: 24px;
width: 24px;
padding: 2px;
margin-right: .7rem;
box-shadow: none;
position: static;
> img {
height: 24px;
width: 24px;
padding: 2px;
margin-right: .7rem;
box-shadow: none;
}
}
}

View File

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