diff options
author | Alexander Tseung <alextsg@gmail.com> | 2018-01-12 08:59:00 +0800 |
---|---|---|
committer | Alexander Tseung <alextsg@gmail.com> | 2018-01-12 08:59:00 +0800 |
commit | b0a6bfdeece8a5afb860bc47f01373d08a0895b8 (patch) | |
tree | 5eb65fe24bee89132a25f5279bc9638fc391b7b6 /ui/app/css/itcss/components/network.scss | |
parent | 376e1365727a97344d70d627ae27e8e70830a17a (diff) | |
download | tangerine-wallet-browser-b0a6bfdeece8a5afb860bc47f01373d08a0895b8.tar tangerine-wallet-browser-b0a6bfdeece8a5afb860bc47f01373d08a0895b8.tar.gz tangerine-wallet-browser-b0a6bfdeece8a5afb860bc47f01373d08a0895b8.tar.bz2 tangerine-wallet-browser-b0a6bfdeece8a5afb860bc47f01373d08a0895b8.tar.lz tangerine-wallet-browser-b0a6bfdeece8a5afb860bc47f01373d08a0895b8.tar.xz tangerine-wallet-browser-b0a6bfdeece8a5afb860bc47f01373d08a0895b8.tar.zst tangerine-wallet-browser-b0a6bfdeece8a5afb860bc47f01373d08a0895b8.zip |
Change styling for network dropdown
Diffstat (limited to 'ui/app/css/itcss/components/network.scss')
-rw-r--r-- | ui/app/css/itcss/components/network.scss | 42 |
1 files changed, 15 insertions, 27 deletions
diff --git a/ui/app/css/itcss/components/network.scss b/ui/app/css/itcss/components/network.scss index 98dbdffb2..d9a39b8d5 100644 --- a/ui/app/css/itcss/components/network.scss +++ b/ui/app/css/itcss/components/network.scss @@ -8,41 +8,25 @@ } .network-component.pointer { - border: 1px solid $shark; + border: 2px solid $silver; border-radius: 82px; - padding: 6px; + padding: 3px; flex: 0 0 auto; - &.ethereum-network { - border-color: rgb(3, 135, 137); - - .menu-icon-circle div { - background-color: rgba(3, 135, 137, .7) !important; - } + &.ethereum-network .menu-icon-circle div { + background-color: rgba(3, 135, 137, .7) !important; } - &.ropsten-test-network { - border-color: rgb(233, 21, 80); - - .menu-icon-circle div { - background-color: rgba(233, 21, 80, .7) !important; - } + &.ropsten-test-network .menu-icon-circle div { + background-color: rgba(233, 21, 80, .7) !important; } - &.kovan-test-network { - border-color: rgb(105, 4, 150); - - .menu-icon-circle div { - background-color: rgba(105, 4, 150, .7) !important; - } + &.kovan-test-network .menu-icon-circle div { + background-color: rgba(105, 4, 150, .7) !important; } - &.rinkeby-test-network { - border-color: rgb(235, 179, 63); - - .menu-icon-circle div { - background-color: rgba(235, 179, 63, .7) !important; - } + &.rinkeby-test-network .menu-icon-circle div { + background-color: rgba(235, 179, 63, .7) !important; } } @@ -66,11 +50,12 @@ } .network-name { - line-height: 15px; padding: 0 4px; font-family: Roboto; font-size: 12px; flex: 1 0 auto; + color: $tundora; + font-weight: 500; } .network-droppo { @@ -167,3 +152,6 @@ line-height: 18px; } +.network-caret { + margin: 0 8px 2px; +} |