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

add single-line item style

Browse source
This commit is contained in:
Marty Alcala 2016-10-11 15:36:28 -04:00
commit a637c1b61d
2 changed files with 18 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -49,11 +49,22 @@
border-color: $item-border-color; border-color: $item-border-color;
padding: $item-vertical-padding $item-lateral-padding; padding: $item-vertical-padding $item-lateral-padding;
&__label { .label {
font-size: 14px; font-size: 14px;
color: $item-label-color; color: $item-label-color;
margin-bottom: 8px; margin-bottom: 8px;
} }
&.single-line {
display: flex;
align-items: center;
padding: 17px $item-lateral-padding;
.label {
margin: 0;
flex-grow: 1;
}
}
} }
.payment-proposal-to { .payment-proposal-to {
width: 100%; width: 100%;

12
www/views/modals/txp-details.html
View file

@ -51,7 +51,7 @@
<div class="info"> <div class="info">
<div class="item"> <div class="item">
<span class="item__label" translate>To</span> <span class="label" translate>To</span>
<span class="payment-proposal-to" copy-to-clipboard="tx.toAddress"> <span class="payment-proposal-to" copy-to-clipboard="tx.toAddress">
<img src="img/icon-bitcoin-small.svg"> <img src="img/icon-bitcoin-small.svg">
<contact ng-if="!tx.hasMultiplesOutputs" class="ellipsis" address="{{tx.toAddress}}"></contact> <contact ng-if="!tx.hasMultiplesOutputs" class="ellipsis" address="{{tx.toAddress}}"></contact>
@ -72,7 +72,7 @@
</div> </div>
<div class="item"> <div class="item">
<span class="item__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">
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg"/> <img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg"/>
@ -80,8 +80,8 @@
<div>{{wallet.name}}</div> <div>{{wallet.name}}</div>
</div> </div>
</div> </div>
<div class="item"> <div class="item single-line">
<span class="item__label" translate>Created by</span> <span class="label" translate>Created by</span>
<span class="item-note"> <span class="item-note">
{{tx.creatorName}} <time>{{ (tx.ts || tx.createdOn ) * 1000 | amDateFormat:'MM/DD/YYYY HH:mm a'}}</time> {{tx.creatorName}} <time>{{ (tx.ts || tx.createdOn ) * 1000 | amDateFormat:'MM/DD/YYYY HH:mm a'}}</time>
</span> </span>
@ -92,8 +92,8 @@
{{tx.message}} {{tx.message}}
</span> </span>
</div> </div>
<div class="item"> <div class="item single-line">
<span class="item__label" translate>Fee</span> <span class="label" translate>Fee</span>
<span class="item-note"> <span class="item-note">
{{tx.feeStr}} {{tx.feeStr}}
</span> </span>