diff options
| author | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-21 13:57:36 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-21 13:57:36 +0800 |
| commit | 04da22db0863a9a361a0f414d9cc37bf3bb3a392 (patch) | |
| tree | b5372bbdec4b56cc9b7d5fde2b385fc88aa2c36e /ui/app/css/itcss | |
| parent | 0204aa2001af25da01ba61aed32f36eac47079a1 (diff) | |
| download | tangerine-wallet-browser-04da22db0863a9a361a0f414d9cc37bf3bb3a392.tar tangerine-wallet-browser-04da22db0863a9a361a0f414d9cc37bf3bb3a392.tar.gz tangerine-wallet-browser-04da22db0863a9a361a0f414d9cc37bf3bb3a392.tar.bz2 tangerine-wallet-browser-04da22db0863a9a361a0f414d9cc37bf3bb3a392.tar.lz tangerine-wallet-browser-04da22db0863a9a361a0f414d9cc37bf3bb3a392.tar.xz tangerine-wallet-browser-04da22db0863a9a361a0f414d9cc37bf3bb3a392.tar.zst tangerine-wallet-browser-04da22db0863a9a361a0f414d9cc37bf3bb3a392.zip | |
Add Token UI - hover/select state; fetch token address
Diffstat (limited to 'ui/app/css/itcss')
| -rw-r--r-- | ui/app/css/itcss/components/add-token.scss | 15 | ||||
| -rw-r--r-- | ui/app/css/itcss/settings/variables.scss | 1 |
2 files changed, 14 insertions, 2 deletions
diff --git a/ui/app/css/itcss/components/add-token.scss b/ui/app/css/itcss/components/add-token.scss index db1d0dc18..ebfdf7b11 100644 --- a/ui/app/css/itcss/components/add-token.scss +++ b/ui/app/css/itcss/components/add-token.scss @@ -140,11 +140,22 @@ } &__token-wrapper { + transition: 200ms ease-in-out; display: flex; flex-flow: row nowrap; - flex: 0 0 50%; + flex: 0 0 45%; align-items: center; - padding: 24px 0 24px 24px; + padding: 12px; + margin: 2.5%; + box-sizing: border-box; + border-radius: 10px; + cursor: pointer; + border: 2px solid transparent; + + &:hover, + &--selected { + border: 2px solid $malibu-blue; + } } &__token-name { diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss index 624b301d1..103a7ffe0 100644 --- a/ui/app/css/itcss/settings/variables.scss +++ b/ui/app/css/itcss/settings/variables.scss @@ -38,6 +38,7 @@ $crimson: #e91550; $blue-lagoon: #038789; $purple: #690496; $tulip-tree: #ebb33f; +$malibu-blue: #7ac9fd; /* Z-Indicies |