diff --git a/app/images/akroma.svg b/app/images/akroma.svg
new file mode 100644
index 0000000000..6f5812eef2
--- /dev/null
+++ b/app/images/akroma.svg
@@ -0,0 +1,16 @@
+
diff --git a/app/images/callisto.svg b/app/images/callisto.svg
new file mode 100644
index 0000000000..8623b80f9f
--- /dev/null
+++ b/app/images/callisto.svg
@@ -0,0 +1 @@
+
diff --git a/app/images/egem.svg b/app/images/egem.svg
new file mode 100644
index 0000000000..daaae8f632
--- /dev/null
+++ b/app/images/egem.svg
@@ -0,0 +1,7 @@
+
diff --git a/app/images/ella.svg b/app/images/ella.svg
new file mode 100644
index 0000000000..b4a7027842
--- /dev/null
+++ b/app/images/ella.svg
@@ -0,0 +1 @@
+
diff --git a/app/images/eosc.svg b/app/images/eosc.svg
new file mode 100644
index 0000000000..f382e3f56e
--- /dev/null
+++ b/app/images/eosc.svg
@@ -0,0 +1,3 @@
+
diff --git a/app/images/ethereum-classic.svg b/app/images/ethereum-classic.svg
new file mode 100644
index 0000000000..c289e93008
--- /dev/null
+++ b/app/images/ethereum-classic.svg
@@ -0,0 +1,19 @@
+
diff --git a/app/images/ethereum.svg b/app/images/ethereum.svg
new file mode 100644
index 0000000000..83e3df31bf
--- /dev/null
+++ b/app/images/ethereum.svg
@@ -0,0 +1,8 @@
+
diff --git a/app/images/ethersocial.svg b/app/images/ethersocial.svg
new file mode 100644
index 0000000000..0cfdb9c6ce
--- /dev/null
+++ b/app/images/ethersocial.svg
@@ -0,0 +1 @@
+
diff --git a/app/images/etsc.svg b/app/images/etsc.svg
new file mode 100644
index 0000000000..375e3e0e72
--- /dev/null
+++ b/app/images/etsc.svg
@@ -0,0 +1 @@
+
diff --git a/app/images/exp.svg b/app/images/exp.svg
new file mode 100644
index 0000000000..dcac61fa7e
--- /dev/null
+++ b/app/images/exp.svg
@@ -0,0 +1 @@
+
diff --git a/app/images/gochain.svg b/app/images/gochain.svg
new file mode 100644
index 0000000000..3ff11d0a67
--- /dev/null
+++ b/app/images/gochain.svg
@@ -0,0 +1,3 @@
+
diff --git a/app/images/music.svg b/app/images/music.svg
new file mode 100644
index 0000000000..85bf92d7e9
--- /dev/null
+++ b/app/images/music.svg
@@ -0,0 +1 @@
+
diff --git a/app/images/poa.svg b/app/images/poa.svg
new file mode 100644
index 0000000000..aad2c44fd9
--- /dev/null
+++ b/app/images/poa.svg
@@ -0,0 +1 @@
+
diff --git a/app/images/tomo.svg b/app/images/tomo.svg
new file mode 100644
index 0000000000..f5596f1e80
--- /dev/null
+++ b/app/images/tomo.svg
@@ -0,0 +1,15 @@
+
diff --git a/app/images/ubiq.svg b/app/images/ubiq.svg
new file mode 100644
index 0000000000..c50f26e1c6
--- /dev/null
+++ b/app/images/ubiq.svg
@@ -0,0 +1 @@
+
diff --git a/app/styles/etherwallet-custom.less b/app/styles/etherwallet-custom.less
index 6b907f3fd8..a4799ea629 100644
--- a/app/styles/etherwallet-custom.less
+++ b/app/styles/etherwallet-custom.less
@@ -706,6 +706,10 @@ header.ETH {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-eth; }
& + .container .modal-content { border: 0.25rem solid @brand-eth; }
& + .container .alert-info { background-color:@brand-eth; }
+ .dropdown-gas:before {
+ width: 24px;
+ background-image: url("../images/ethereum.svg");
+ }
}
header.ETC {
@@ -713,6 +717,10 @@ header.ETC {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-etc; }
& + .container .modal-content { border: 0.25rem solid @brand-etc; }
& + .container .alert-info { background-color:@brand-etc; }
+ .dropdown-gas:before {
+ width: 24px;
+ background-image: url("../images/ethereum-classic.svg");
+ }
}
header.Ropsten {
@@ -748,6 +756,10 @@ header.EXP {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-exp; }
& + .container .modal-content { border: 0.25rem solid @brand-exp; }
& + .container .alert-info { background-color:@brand-exp; }
+ .dropdown-gas:before {
+ width: 32px;
+ background-image: url("../images/exp.svg");
+ }
}
header.UBQ {
@@ -755,6 +767,10 @@ header.UBQ {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-ubq; }
& + .container .modal-content { border: 0.25rem solid @brand-ubq; }
& + .container .alert-info { background-color:@brand-ubq; }
+ .dropdown-gas:before {
+ width: 32px;
+ background-image: url("../images/ubiq.svg");
+ }
}
header.POA {
@@ -762,6 +778,10 @@ header.POA {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-poa; }
& + .container .modal-content { border: 0.25rem solid @brand-poa; }
& + .container .alert-info { background-color:@brand-poa; }
+ .dropdown-gas:before {
+ width: 32px;
+ background-image: url("../images/poa.svg");
+ }
}
header.TOMO {
@@ -769,6 +789,10 @@ header.TOMO {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-tomo; }
& + .container .modal-content { border: 0.25rem solid @brand-tomo; }
& + .container .alert-info { background-color:@brand-tomo; }
+ .dropdown-gas:before {
+ width: 34px;
+ background-image: url("../images/tomo.svg");
+ }
}
header.ELLA {
@@ -776,6 +800,10 @@ header.ELLA {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-ella; }
& + .container .modal-content { border: 0.25rem solid @brand-ella; }
& + .container .alert-info { background-color:@brand-ella; }
+ .dropdown-gas:before {
+ width: 32px;
+ background-image: url("../images/ella.svg");
+ }
}
header.ETSC {
@@ -783,6 +811,10 @@ header.ETSC {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-etsc; }
& + .container .modal-content { border: 0.25rem solid @brand-etsc; }
& + .container .alert-info { background-color:@brand-etsc; }
+ .dropdown-gas:before {
+ width: 32px;
+ background-image: url("../images/etsc.svg");
+ }
}
header.EGEM {
@@ -790,6 +822,10 @@ header.EGEM {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-egem; }
& + .container .modal-content { border: 0.25rem solid @brand-egem; }
& + .container .alert-info { background-color:@brand-egem; }
+ .dropdown-gas:before {
+ width: 36px;
+ background-image: url("../images/egem.svg");
+ }
}
header.CLO {
@@ -797,6 +833,10 @@ header.CLO {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-clo; }
& + .container .modal-content { border: 0.25rem solid @brand-clo; }
& + .container .alert-info { background-color:@brand-clo; }
+ .dropdown-gas:before {
+ width: 36px;
+ background-image: url("../images/callisto.svg");
+ }
}
@@ -805,6 +845,10 @@ header.MUSIC {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-music; }
& + .container .modal-content { border: 0.25rem solid @brand-music; }
& + .container .alert-info { background-color:@brand-music; }
+ .dropdown-gas:before {
+ width: 34px;
+ background-image: url("../images/music.svg");
+ }
}
header.GO {
@@ -812,6 +856,10 @@ header.GO {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-go; }
& + .container .modal-content { border: 0.25rem solid @brand-go; }
& + .container .alert-info { background-color:@brand-go; }
+ .dropdown-gas:before {
+ width: 38px;
+ background-image: url("../images/gochain.svg");
+ }
}
header.EOSC {
@@ -819,6 +867,10 @@ header.EOSC {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-eosc; }
& + .container .modal-content { border: 0.25rem solid @brand-eosc; }
& + .container .alert-info { background-color:@brand-eosc; }
+ .dropdown-gas:before {
+ width: 26px;
+ background-image: url("../images/eosc.svg");
+ }
}
header.AKROMA {
@@ -826,6 +878,10 @@ header.AKROMA {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-akroma; }
& + .container .modal-content { border: 0.25rem solid @brand-akroma; }
& + .container .alert-info { background-color:@brand-akroma; }
+ .dropdown-gas:before {
+ width: 34px;
+ background-image: url("../images/akroma.svg");
+ }
}
header.ESN {
@@ -833,6 +889,10 @@ header.ESN {
& + .container + .pre-footer + .footer { border-top: 0.25rem solid @brand-esn; }
& + .container .modal-content { border: 0.25rem solid @brand-esn; }
& + .container .alert-info { background-color:@brand-esn; }
+ .dropdown-gas:before {
+ width: 32px;
+ background-image: url("../images/ethersocial.svg");
+ }
}
.contest-container {
diff --git a/app/styles/etherwallet-nav.less b/app/styles/etherwallet-nav.less
index 2c2a2f5ebd..77da374cc8 100644
--- a/app/styles/etherwallet-nav.less
+++ b/app/styles/etherwallet-nav.less
@@ -101,6 +101,19 @@
padding: 0;
}
}
+ &:before {
+ content: "";
+ display: inline-block;
+ vertical-align: middle;
+ background-position: 50%;
+ background-repeat: no-repeat;
+ background-size: contain;
+ vertical-align: middle;
+ width: 24px;
+ height: 48px;
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='417' preserveAspectRatio='xMidYMid'%3E%3Cg fill-opacity='.588'%3E%3Cpath d='M128.95 154.205h.003l127.96 58.162L128.953.047z' fill='%23b1b1b1'/%3E%3Cpath d='M128.95 154.205V.047L.988 212.367l127.96-58.162z' fill='%23cfcfcf'/%3E%3Cpath d='M128.949 416.953l128.038-180.32-128.038 75.6z' fill='%23b1b1b1'/%3E%3Cpath fill='%23cfcfcf' d='M.988 236.632l127.962 180.32v-104.72z'/%3E%3Cpath fill='%23909090' d='M128.95 288.004l127.96-75.637-127.96-58.162z'/%3E%3Cpath fill='%23b1b1b1' d='M128.948 154.205L.988 212.367l127.96 75.637z'/%3E%3C/g%3E%3C/svg%3E");
+ margin-top: 1px;
+ }
}
}