diff options
| author | Dan J Miller <danjm.com@gmail.com> | 2017-09-13 05:59:33 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-13 05:59:33 +0800 |
| commit | 492507aa94cb5713d5eaa700cfd7e88b2a16ca7a (patch) | |
| tree | 80b4cf076049541e38b4801df1947f8b9a5b8c48 /ui/app/css | |
| parent | 7eb6dae4185d083ebb967256fdd09203b5092480 (diff) | |
| download | tangerine-wallet-browser-492507aa94cb5713d5eaa700cfd7e88b2a16ca7a.tar.gz tangerine-wallet-browser-492507aa94cb5713d5eaa700cfd7e88b2a16ca7a.tar.zst tangerine-wallet-browser-492507aa94cb5713d5eaa700cfd7e88b2a16ca7a.zip | |
[NewUI] Color tx-list-item text depending on transaction status. (#2050)
* Color tx-list-item text depending on transaction status.
* Handle css change of text colour with scss instead on inline styles, add classnames package and helper function.
* Refactored to use classnames with component property className.
Diffstat (limited to 'ui/app/css')
| -rw-r--r-- | ui/app/css/itcss/components/transaction-list.scss | 17 | ||||
| -rw-r--r-- | ui/app/css/itcss/settings/variables.scss | 2 |
2 files changed, 19 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/transaction-list.scss b/ui/app/css/itcss/components/transaction-list.scss index 298cacec0..50bdb3cd5 100644 --- a/ui/app/css/itcss/components/transaction-list.scss +++ b/ui/app/css/itcss/components/transaction-list.scss @@ -151,6 +151,10 @@ font-size: 16px; text-transform: capitalize; } + + .tx-list-status--rejected { + color: $monzo; + } } .tx-list-item { @@ -179,6 +183,10 @@ text-align: right; } + .tx-list-value--confirmed { + color: $caribbean-green; + } + .tx-list-fiat-value { font-size: 12px; text-align: right; @@ -191,3 +199,12 @@ padding: 16px; } } + +.tx-list-value { + font-size: 16px; + text-align: right; +} + +.tx-list-value--confirmed { + color: $caribbean-green; +} diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss index 7de7ca4f5..0c5501fea 100644 --- a/ui/app/css/itcss/settings/variables.scss +++ b/ui/app/css/itcss/settings/variables.scss @@ -32,6 +32,8 @@ $nile-blue: #1b344d; $scorpion: #5d5d5d; $caribbean-green: #02C9B1; $silver: #cdcdcd; +$caribbean-green: #02c9b1; +$monzo: #d0021b; $crimson: #e91550; $blue-lagoon: #038789; $purple: #690496; |