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

fix copayer list in small devices

Browse source
This commit is contained in:
Gustavo Maximiliano Cortez 2014-09-29 15:42:46 -03:00
commit 97ca499308
2 changed files with 55 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

10
css/src/mobile.css
View file

@ -157,7 +157,15 @@
padding: 0 5px; padding: 0 5px;
} }
table .icon-status { table.last-transactions-content td {
text-align: center;
}
table.last-transactions-content td.copayer-name {
text-align: left;
}
table.last-transactions-content .icon-status {
border-radius: 0; border-radius: 0;
padding: 0.1rem 0.3rem; padding: 0.1rem 0.3rem;
margin-bottom: 0; margin-bottom: 0;

21
views/includes/transaction.html
View file

@ -49,7 +49,7 @@
<table class="last-transactions-content show-for-small-only" summary="{{tx.createdTs | amCalendar}}"> <table class="last-transactions-content show-for-small-only" summary="{{tx.createdTs | amCalendar}}">
<tbody> <tbody>
<tr ng-repeat="c in tx.actionList"> <tr ng-repeat="c in tx.actionList">
<td width="100%">{{c.cId === $root.wallet.getMyCopayerId() ? 'Me' : $root.wallet.publicKeyRing.nicknameForCopayer(c.cId)}} <td class="copayer-name" width="100%">{{c.cId === $root.wallet.getMyCopayerId() ? 'Me' : $root.wallet.publicKeyRing.nicknameForCopayer(c.cId)}}
</td> </td>
<td> <td>
<i ng-if="c.actions.create" class="fi-crown icon-status icon-active"></i> <i ng-if="c.actions.create" class="fi-crown icon-status icon-active"></i>
@ -105,6 +105,7 @@
</div> </div>
<div class="last-transactions-footer"> <div class="last-transactions-footer">
<div class="row collapse">
<div class="large-5 medium-7 small-12 columns" ng-show="!tx.sentTs"> <div class="large-5 medium-7 small-12 columns" ng-show="!tx.sentTs">
<div ng-show="!tx.signedByUs && !tx.rejectedByUs && !tx.finallyRejected && tx.missingSignatures"> <div ng-show="!tx.signedByUs && !tx.rejectedByUs && !tx.finallyRejected && tx.missingSignatures">
<div class="hide-for-small-only"> <div class="hide-for-small-only">
@ -132,28 +133,30 @@
</div> </div>
<div class="large-7 medium-5 small-12 columns text-right"> <div class="large-7 medium-5 small-12 columns text-right">
<div translate ng-show="tx.finallyRejected" class="has-error m10b"> <div translate ng-show="tx.finallyRejected" class="has-error">
Transaction finally rejected Transaction finally rejected
</div> </div>
<div ng-show="!tx.missingSignatures && tx.sentTs"> <div ng-show="!tx.missingSignatures && tx.sentTs">
<div class="is-valid m10b"> <div class="is-valid">
<strong translate>Sent</strong> <span class="text-gray" am-time-ago="tx.sentTs"></span> <strong translate>Sent</strong> <span class="text-gray" am-time-ago="tx.sentTs"></span>
</div> </div>
<div class="ellipsis small"> <div class="ellipsis small m10t">
<span translate>Transaction ID</span>: <span translate>Transaction ID</span>:
<a href="http://{{getShortNetworkName()}}.insight.is/tx/{{tx.sentTxid}}" target="_blank"> <a href="http://{{getShortNetworkName()}}.insight.is/tx/{{tx.sentTxid}}" target="_blank">
{{tx.sentTxid}} {{tx.sentTxid}}
</a> </a>
</div> </div>
</div> </div>
<p translate class="text-gray m5b" ng-show="!tx.finallyRejected && tx.missingSignatures==1"> <div translate class="text-gray" ng-show="!tx.finallyRejected && tx.missingSignatures==1">
One signature missing One signature missing
</p> </div>
<p translate class="text-gray m5b" ng-show="!tx.finallyRejected && tx.missingSignatures>1"> <div translate class="text-gray" ng-show="!tx.finallyRejected && tx.missingSignatures>1">
{{tx.missingSignatures}} signatures missing</p> {{tx.missingSignatures}} signatures missing
<div class="ellipsis small text-gray show-for-large-up"> </div>
<div class="ellipsis small text-gray show-for-large-up m5t">
<strong translate>Fee</strong>: {{tx.fee|noFractionNumber}} {{$root.wallet.settings.unitName}} <strong translate>Fee</strong>: {{tx.fee|noFractionNumber}} {{$root.wallet.settings.unitName}}
<strong translate>Proposal ID</strong>: {{tx.ntxid}} <strong translate>Proposal ID</strong>: {{tx.ntxid}}
</div> </div>
</div> </div>
</div> </div>
</div>