Styling for dropped.

7 years ago · e293b6349c
parent d6e4d2e80d
commit e293b6349c
2 changed files with 5 additions and 0 deletions
--- a/ui/app/components/tx-list-item.js
+++ b/ui/app/components/tx-list-item.js
@ -253,6 +253,7 @@ TxListItem.prototype.render = function () {
              className: classnames('tx-list-status', {
                'tx-list-status--rejected': transactionStatus === 'rejected',
                'tx-list-status--failed': transactionStatus === 'failed',
+                'tx-list-status--dropped': transactionStatus === 'dropped',
              }),
            },
              transactionStatus,
--- a/ui/app/css/itcss/components/transaction-list.scss
+++ b/ui/app/css/itcss/components/transaction-list.scss
@ -236,6 +236,10 @@
  .tx-list-status--failed {
    color: $monzo;
  }
+
+  .tx-list-status--dropped {
+    opacity: 0.5;
+  }
 }

 .tx-list-item {