aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/css
diff options
context:
space:
mode:
authorDan <danjm.com@gmail.com>2017-09-08 07:47:07 +0800
committerChi Kei Chan <chikeichan@gmail.com>2017-09-12 10:16:43 +0800
commit8342c20b58a0b90806a592992b6212ee6fa6f0ad (patch)
tree99a4aa99329ac23a1fe99316b65d3a00ac6be156 /ui/app/css
parent6beb1b33bb20a5bb2bf38b030a5838cf9edff413 (diff)
downloadtangerine-wallet-browser-8342c20b58a0b90806a592992b6212ee6fa6f0ad.tar
tangerine-wallet-browser-8342c20b58a0b90806a592992b6212ee6fa6f0ad.tar.gz
tangerine-wallet-browser-8342c20b58a0b90806a592992b6212ee6fa6f0ad.tar.bz2
tangerine-wallet-browser-8342c20b58a0b90806a592992b6212ee6fa6f0ad.tar.lz
tangerine-wallet-browser-8342c20b58a0b90806a592992b6212ee6fa6f0ad.tar.xz
tangerine-wallet-browser-8342c20b58a0b90806a592992b6212ee6fa6f0ad.tar.zst
tangerine-wallet-browser-8342c20b58a0b90806a592992b6212ee6fa6f0ad.zip
Cleaner css for circle icon.
Diffstat (limited to 'ui/app/css')
-rw-r--r--ui/app/css/itcss/components/network.scss26
1 files changed, 19 insertions, 7 deletions
diff --git a/ui/app/css/itcss/components/network.scss b/ui/app/css/itcss/components/network.scss
index 6661bf9b2..5b9e8bfb1 100644
--- a/ui/app/css/itcss/components/network.scss
+++ b/ui/app/css/itcss/components/network.scss
@@ -44,13 +44,7 @@
opacity: 0;
}
-.menu-icon-circle {
- height: 17px;
- width: 17px;
- border-radius: 17px;
-}
-
-.menu-icon-circle-select {
+.menu-icon-circle, .menu-icon-circle--active {
height: 23px;
width: 23px;
margin: 9px;
@@ -59,6 +53,24 @@
display: flex;
justify-content: center;
align-items: center;
+ border: none;
+ background: none;
+}
+
+.menu-icon-circle--active {
+ border: 1px solid white;
+ background: rgba(100, 100, 100, 0.4);
+}
+
+.menu-icon-circle div, .menu-icon-circle--active div {
+ height: 17px;
+ width: 17px;
+ border-radius: 17px;
+ opacity: 0.7;
+}
+
+.menu-icon-circle--active div {
+ opacity: 1;
}
.network-dropdown-header {