mirror of https://github.com/BTCPrivate/copay.git
Circles. No location.
This commit is contained in:
parent
4b95bfc7b9
commit
b8a13dda26
|
@ -95,10 +95,36 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.tx-icon {
|
.tx-icon {
|
||||||
width: 36px;
|
|
||||||
height: 36px;
|
|
||||||
float: left;
|
|
||||||
margin-right: 25px;
|
margin-right: 25px;
|
||||||
|
.houston {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 40px;
|
||||||
|
border: 1px solid;
|
||||||
|
&.no-border {
|
||||||
|
border: none;
|
||||||
|
.svg {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform: translateY(-50%);
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.svg {
|
||||||
|
width: 23px;
|
||||||
|
height: 23px;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform: translateY(-50%);
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.tx-content {
|
.tx-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -1,10 +1,16 @@
|
||||||
<div class="item activity" ng-class="{'sent': tx.price.toString().indexOf('-') > -1 && !tx.pending, 'receive': tx.price.toString().indexOf('-') == -1 && !tx.pending, 'pending': tx.pending}">
|
<div class="item activity" ng-class="{'sent': tx.price.toString().indexOf('-') > -1 && !tx.pending, 'receive': tx.price.toString().indexOf('-') == -1 && !tx.pending, 'pending': tx.pending}">
|
||||||
<img class="tx-icon svg" ng-src="img/mcc-icons/{{tx.icon}}.svg">
|
<div class="tx-icon">
|
||||||
|
<div class="houston" ng-class="{'no-border': tx.icon.includes('topup')}">
|
||||||
|
<img class="svg" ng-src="img/mcc-icons/{{tx.icon}}.svg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="tx-content">
|
<div class="tx-content">
|
||||||
<div class="tx-title">
|
<div class="tx-title">
|
||||||
<div class="ellipsis">
|
<div class="ellipsis">
|
||||||
<div class="tx-message ellipsis">{{tx.merchant.name || 'Unknown Merchant'}}</div>
|
<div class="tx-message ellipsis">{{tx.merchant.name || 'Unknown Merchant'}}</div>
|
||||||
|
<!-- Removed to cleanup look and since intl card does not provide location.
|
||||||
<div class="tx-location ellipsis" ng-show="tx.merchant.city && tx.merchant.state">{{tx.merchant.location}}</div>
|
<div class="tx-location ellipsis" ng-show="tx.merchant.city && tx.merchant.state">{{tx.merchant.location}}</div>
|
||||||
|
-->
|
||||||
<div ng-show="tx.pending && tx.transactionId" class="size-12 tx-amount--pending">
|
<div ng-show="tx.pending && tx.transactionId" class="size-12 tx-amount--pending">
|
||||||
<div ng-click="bitpayCard.viewOnBlockchain(tx.transactionId)">View Confirmation Status</div>
|
<div ng-click="bitpayCard.viewOnBlockchain(tx.transactionId)">View Confirmation Status</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue