diff options
-rw-r--r-- | CHANGELOG.md | 1 | ||||
-rw-r--r-- | ui/app/components/transaction-list-item-icon.js | 2 | ||||
-rw-r--r-- | ui/app/components/transaction-list-item.js | 2 | ||||
-rw-r--r-- | ui/app/css/index.css | 5 |
4 files changed, 8 insertions, 2 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index 113bf1ab7..e70ef5e51 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,7 @@ - Fixed bug where MetaMask interfered with PDF loading. - Moved switch account icon into menu bar. +- Changed status shapes to be a yellow warning sign for failure and ellipsis for pending transactions. ## 2.4.4 2016-06-23 diff --git a/ui/app/components/transaction-list-item-icon.js b/ui/app/components/transaction-list-item-icon.js index c640de551..8b118b1d4 100644 --- a/ui/app/components/transaction-list-item-icon.js +++ b/ui/app/components/transaction-list-item-icon.js @@ -15,7 +15,7 @@ TransactionIcon.prototype.render = function () { const { transaction, txParams, isMsg } = this.props if (transaction.status === 'rejected') { - return h('i.fa.fa-exclamation-triangle.fa-lg.error', { + return h('i.fa.fa-exclamation-triangle.fa-lg.warning', { style: { width: '24px', }, diff --git a/ui/app/components/transaction-list-item.js b/ui/app/components/transaction-list-item.js index 94fde697e..82176059f 100644 --- a/ui/app/components/transaction-list-item.js +++ b/ui/app/components/transaction-list-item.js @@ -57,7 +57,7 @@ TransactionListItem.prototype.render = function () { // large identicon h('.identicon-wrapper.flex-column.flex-center.select-none', [ - transaction.status === 'unconfirmed' ? h('.red-dot', ' ') + transaction.status === 'unconfirmed' ? h('i.fa.fa-ellipsis-h', {style: { fontSize: '27px' }}) : h(TransactionIcon, { txParams, transaction, isTx, isMsg }), ]), diff --git a/ui/app/css/index.css b/ui/app/css/index.css index 24497a66f..d46c859ad 100644 --- a/ui/app/css/index.css +++ b/ui/app/css/index.css @@ -171,6 +171,11 @@ app sections .error { color: #E20202; } + +.warning { + color: #FFAE00; +} + .lock { width: 50px; height: 50px; |