m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-22 17:33:23 +01:00
Code

Modify network icons to reflect current design. (#355)

Browse Source 
* Modify network icons to reflect current design.

* Switch icons around.
This commit is contained in:
Kevin Serrano 2016-06-28 16:15:26 -07:00 committed by Dan Finlay
parent c6187b080a
commit e4956c3123
4 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -10,6 +10,7 @@
- Fix formatting on terms & conditions page. - Fix formatting on terms & conditions page.
- Now enforce 30 character limit on wallet names. - Now enforce 30 character limit on wallet names.
- Fix out-of-place positioning of pending transaction badges on wallet list. - Fix out-of-place positioning of pending transaction badges on wallet list.
- Change network status icons to reflect current design.
## 2.4.4 2016-06-23 ## 2.4.4 2016-06-23

4
ui/app/app.js
View File

@ -212,14 +212,14 @@ App.prototype.renderNetworkDropdown = function () {
label: 'Main Ethereum Network', label: 'Main Ethereum Network',
closeMenu: () => this.setState({ isNetworkMenuOpen: false }), closeMenu: () => this.setState({ isNetworkMenuOpen: false }),
action: () => props.dispatch(actions.setProviderType('mainnet')), action: () => props.dispatch(actions.setProviderType('mainnet')),
icon: h('.menu-icon.ether-icon'), icon: h('.menu-icon.diamond'),
}), }),
h(DropMenuItem, { h(DropMenuItem, {
label: 'Morden Test Network', label: 'Morden Test Network',
closeMenu: () => this.setState({ isNetworkMenuOpen: false }), closeMenu: () => this.setState({ isNetworkMenuOpen: false }),
action: () => props.dispatch(actions.setProviderType('testnet')), action: () => props.dispatch(actions.setProviderType('testnet')),
icon: h('.menu-icon.morden-icon'), icon: h('.menu-icon.red-dot'),
}), }),
h(DropMenuItem, { h(DropMenuItem, {

4
ui/app/components/network.js
View File

@ -47,9 +47,9 @@ Network.prototype.render = function () {
(function () { (function () {
switch (iconName) { switch (iconName) {
case 'ethereum-network': case 'ethereum-network':
return h('.menu-icon.ether-icon') return h('.menu-icon.diamond')
case 'morden-test-network': case 'morden-test-network':
return h('.menu-icon.morden-icon') return h('.menu-icon.red-dot')
default: default:
return h('i.fa.fa-question-circle.fa-lg', { return h('i.fa.fa-question-circle.fa-lg', {
ariaHidden: true, ariaHidden: true,

21
ui/app/css/lib.css
View File

@ -168,17 +168,14 @@ hr.horizontal-line {
} }
.red-dot { .red-dot {
position: inherit; background: #E91550;
background: red;
color: white; color: white;
border-radius: 10px; border-radius: 10px;
height: 12px; }
min-width: 12px;
margin-left: 6px; .diamond {
display: flex; transform: rotate(45deg);
align-items: center; background: #038789;
justify-content: center;
padding: 4px;
} }
.pending-dot { .pending-dot {
@ -203,8 +200,8 @@ hr.horizontal-line {
.menu-icon { .menu-icon {
display: inline-block; display: inline-block;
width: 14px; height: 9px;
height: 14px; min-width: 9px;
margin: 13px; margin: 13px;
} }
.ether-icon { .ether-icon {
@ -222,4 +219,4 @@ hr.horizontal-line {
.invisible { .invisible {
visibility: hidden; visibility: hidden;
} }