aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/css
diff options
context:
space:
mode:
authorChi Kei Chan <chikeichan@gmail.com>2017-09-21 13:57:36 +0800
committerChi Kei Chan <chikeichan@gmail.com>2017-09-21 13:57:36 +0800
commit04da22db0863a9a361a0f414d9cc37bf3bb3a392 (patch)
treeb5372bbdec4b56cc9b7d5fde2b385fc88aa2c36e /ui/app/css
parent0204aa2001af25da01ba61aed32f36eac47079a1 (diff)
downloadtangerine-wallet-browser-04da22db0863a9a361a0f414d9cc37bf3bb3a392.tar.gz
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')
-rw-r--r--ui/app/css/itcss/components/add-token.scss15
-rw-r--r--ui/app/css/itcss/settings/variables.scss1
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