Network loading does not block network loading.

feature/default_network_editable
Dan 7 years ago committed by Chi Kei Chan
parent 424c1f23c9
commit 62f2aebe1d
  1. 2
      ui/app/components/dropdowns/components/dropdown.js
  2. 3
      ui/app/components/dropdowns/network-dropdown.js
  3. 15
      ui/app/components/loading.js
  4. 2
      ui/app/css/itcss/components/index.scss
  5. 21
      ui/app/css/itcss/components/loading-overlay.scss

@ -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';

@ -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…
Cancel
Save