aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorChi Kei Chan <chikeichan@gmail.com>2019-04-17 14:47:11 +0800
committerChi Kei Chan <chikeichan@gmail.com>2019-04-17 14:47:11 +0800
commit597c490928fc665d4329bf87ef791134df4c67bb (patch)
tree9c60390b5a7df07def38903f56841d61e5ac0f62
parent00133d31b15d070d55dff13f568cf828dad41424 (diff)
downloadtangerine-wallet-browser-597c490928fc665d4329bf87ef791134df4c67bb.tar.gz
tangerine-wallet-browser-597c490928fc665d4329bf87ef791134df4c67bb.tar.zst
tangerine-wallet-browser-597c490928fc665d4329bf87ef791134df4c67bb.zip
Fix switcher height when Custom RPC is selected or when network is loading
-rw-r--r--ui/app/components/app/network.js11
-rw-r--r--ui/app/css/itcss/components/network.scss24
2 files changed, 24 insertions, 11 deletions
diff --git a/ui/app/components/app/network.js b/ui/app/components/app/network.js
index 54065dd73..566f2a38e 100644
--- a/ui/app/components/app/network.js
+++ b/ui/app/components/app/network.js
@@ -116,25 +116,16 @@ Network.prototype.render = function () {
default:
return h('.network-indicator', [
networkNumber === 'loading'
- ? h('span.pointer.network-indicator', {
- style: {
- display: 'flex',
- alignItems: 'center',
- flexDirection: 'row',
- },
+ ? h('span.pointer.network-loading-spinner', {
onClick: (event) => this.props.onClick(event),
}, [
h('img', {
title: context.t('attemptingConnect'),
- style: {
- width: '27px',
- },
src: 'images/loading.svg',
}),
])
: h('i.fa.fa-question-circle.fa-lg', {
style: {
- margin: '10px',
color: 'rgb(125, 128, 130)',
},
}),
diff --git a/ui/app/css/itcss/components/network.scss b/ui/app/css/itcss/components/network.scss
index c828a2b26..7ab6ceca0 100644
--- a/ui/app/css/itcss/components/network.scss
+++ b/ui/app/css/itcss/components/network.scss
@@ -48,6 +48,11 @@
font-size: 12px;
padding: 0 4px;
}
+
+ .fa-question-circle {
+ margin: 0 4px 0 6px;
+ font-size: 1rem;
+ }
}
.network-name {
@@ -165,5 +170,22 @@
}
.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;
+ }
}