mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Network loading does not block network loading.
This commit is contained in:
parent
424c1f23c9
commit
62f2aebe1d
@ -31,7 +31,7 @@ class Dropdown extends Component {
|
|||||||
containerClassName,
|
containerClassName,
|
||||||
useCssTransition,
|
useCssTransition,
|
||||||
isOpen,
|
isOpen,
|
||||||
zIndex: 30,
|
zIndex: 55,
|
||||||
onClickOutside,
|
onClickOutside,
|
||||||
style,
|
style,
|
||||||
innerStyle: innerStyleDefaults,
|
innerStyle: innerStyleDefaults,
|
||||||
|
@ -75,11 +75,12 @@ NetworkDropdown.prototype.render = function () {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
containerClassName: 'network-droppo',
|
containerClassName: 'network-droppo',
|
||||||
zIndex: 11,
|
zIndex: 55,
|
||||||
style: {
|
style: {
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
top: '58px',
|
top: '58px',
|
||||||
minWidth: '309px',
|
minWidth: '309px',
|
||||||
|
zIndex: '55px',
|
||||||
},
|
},
|
||||||
innerStyle: {
|
innerStyle: {
|
||||||
padding: '18px 8px',
|
padding: '18px 8px',
|
||||||
|
@ -10,20 +10,7 @@ class LoadingIndicator extends Component {
|
|||||||
|
|
||||||
render () {
|
render () {
|
||||||
return (
|
return (
|
||||||
h('.full-flex-height', {
|
h('.full-flex-height.loading-overlay', {}, [
|
||||||
style: {
|
|
||||||
left: '0px',
|
|
||||||
zIndex: 50,
|
|
||||||
position: 'absolute',
|
|
||||||
flexDirection: 'column',
|
|
||||||
display: 'flex',
|
|
||||||
justifyContent: 'center',
|
|
||||||
alignItems: 'center',
|
|
||||||
height: '100%',
|
|
||||||
width: '100%',
|
|
||||||
background: 'rgba(255, 255, 255, 0.8)',
|
|
||||||
},
|
|
||||||
}, [
|
|
||||||
h('img', {
|
h('img', {
|
||||||
src: 'images/loading.svg',
|
src: 'images/loading.svg',
|
||||||
}),
|
}),
|
||||||
|
@ -16,6 +16,8 @@
|
|||||||
|
|
||||||
@import './confirm.scss';
|
@import './confirm.scss';
|
||||||
|
|
||||||
|
@import './loading-overlay.scss';
|
||||||
|
|
||||||
// Balances
|
// Balances
|
||||||
@import './hero-balance.scss';
|
@import './hero-balance.scss';
|
||||||
|
|
||||||
|
21
ui/app/css/itcss/components/loading-overlay.scss
Normal file
21
ui/app/css/itcss/components/loading-overlay.scss
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
.loading-overlay {
|
||||||
|
left: 0px;
|
||||||
|
z-index: 50;
|
||||||
|
position: absolute;
|
||||||
|
flex-direction: column;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
background: rgba(255, 255, 255, 0.8);
|
||||||
|
|
||||||
|
@media screen and (max-width: 575px) {
|
||||||
|
margin-top: 56px;
|
||||||
|
height: calc(100% - 56px);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 576px) {
|
||||||
|
margin-top: 75px;
|
||||||
|
height: calc(100% - 75px);
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user