From 8a3c2bce795c123ca06818e3660e4f4b9f5eaf7c Mon Sep 17 00:00:00 2001 From: hackyminer Date: Mon, 13 Aug 2018 07:19:43 +0900 Subject: [PATCH] support chain logo --- app/images/callisto.svg | 1 + app/images/ella.svg | 1 + app/images/ethereum-classic.svg | 55 ++++++++++++++++++++++++++++++ app/images/ethereum.svg | 8 +++++ app/images/ethersocial.svg | 1 + app/images/etsc.svg | 1 + app/images/exp.svg | 1 + app/images/music.svg | 1 + app/images/poa.svg | 1 + app/images/ubiq.svg | 1 + app/styles/etherwallet-custom.less | 40 ++++++++++++++++++++++ app/styles/etherwallet-nav.less | 13 +++++++ 12 files changed, 124 insertions(+) create mode 100644 app/images/callisto.svg create mode 100644 app/images/ella.svg create mode 100644 app/images/ethereum-classic.svg create mode 100644 app/images/ethereum.svg create mode 100644 app/images/ethersocial.svg create mode 100644 app/images/etsc.svg create mode 100644 app/images/exp.svg create mode 100644 app/images/music.svg create mode 100644 app/images/poa.svg create mode 100644 app/images/ubiq.svg 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/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/ethereum-classic.svg b/app/images/ethereum-classic.svg new file mode 100644 index 0000000000..37d8aa90f4 --- /dev/null +++ b/app/images/ethereum-classic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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/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/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..bb61c10d9d 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 { @@ -776,6 +796,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 +807,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 { @@ -797,6 +825,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 +837,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 { @@ -833,6 +869,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; + } } }