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

Fix switcher height when Custom RPC is selected or when network is loading

Browse Source
This commit is contained in:
Chi Kei Chan 2019-04-16 23:47:11 -07:00
parent 00133d31b1
commit 597c490928
2 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -116,25 +116,16 @@ Network.prototype.render = function () {
default: default:
return h('.network-indicator', [ return h('.network-indicator', [
networkNumber === 'loading' networkNumber === 'loading'
? h('span.pointer.network-indicator', { ? h('span.pointer.network-loading-spinner', {
style: {
display: 'flex',
alignItems: 'center',
flexDirection: 'row',
},
onClick: (event) => this.props.onClick(event), onClick: (event) => this.props.onClick(event),
}, [ }, [
h('img', { h('img', {
title: context.t('attemptingConnect'), title: context.t('attemptingConnect'),
style: {
width: '27px',
},
src: 'images/loading.svg', src: 'images/loading.svg',
}), }),
]) ])
: h('i.fa.fa-question-circle.fa-lg', { : h('i.fa.fa-question-circle.fa-lg', {
style: { style: {
margin: '10px',
color: 'rgb(125, 128, 130)', color: 'rgb(125, 128, 130)',
}, },
}), }),

24
ui/app/css/itcss/components/network.scss
View File

@ -48,6 +48,11 @@
font-size: 12px; font-size: 12px;
padding: 0 4px; padding: 0 4px;
} }
.fa-question-circle {
margin: 0 4px 0 6px;
font-size: 1rem;
}
} }
.network-name { .network-name {
@ -165,5 +170,22 @@
} }
.network-caret { .network-caret {
margin: 0 8px 2px; margin: 0 8px;
}
.network-loading-spinner {
display: flex;
flex-flow: row nowrap;
align-items: center;
position: relative;
height: 16px;
width: 16px;
margin-left: 5px;
img {
height: 26px;
position: absolute;
top: -5px;
left: -6px;
}
} }