diff options
| author | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-06 18:17:49 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-06 18:17:49 +0800 |
| commit | f1fb9e10a06d1811d97f61b6369684979b7ecf70 (patch) | |
| tree | 674886d99e6be7ea30b83f8f3811643beb792f07 /ui/app/css/itcss/components/token-list.scss | |
| parent | 690ddf5ed75967537aa5513986146c262012832a (diff) | |
| download | tangerine-wallet-browser-f1fb9e10a06d1811d97f61b6369684979b7ecf70.tar.gz tangerine-wallet-browser-f1fb9e10a06d1811d97f61b6369684979b7ecf70.tar.zst tangerine-wallet-browser-f1fb9e10a06d1811d97f61b6369684979b7ecf70.zip | |
Adding Token transaction detail screen
Diffstat (limited to 'ui/app/css/itcss/components/token-list.scss')
| -rw-r--r-- | ui/app/css/itcss/components/token-list.scss | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/token-list.scss b/ui/app/css/itcss/components/token-list.scss index dd1d533c7..2195dc1b8 100644 --- a/ui/app/css/itcss/components/token-list.scss +++ b/ui/app/css/itcss/components/token-list.scss @@ -1,9 +1,22 @@ +$wallet-balance-breakpoint: 890px; +$wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (max-width: #{$wallet-balance-breakpoint})"; + .token-list-item { display: flex; flex-flow: row nowrap; align-items: center; padding: 20px 24px; cursor: pointer; + transition: linear 200ms; + background-color: rgba($wallet-balance-bg, 0); + + @media #{$wallet-balance-breakpoint-range} { + padding: 10% 4%; + } + + &--active { + background-color: rgba($wallet-balance-bg, 1); + } &__identicon { margin-right: 15px; |