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

Network loading does not block network loading.

Browse Source
This commit is contained in:
Dan 2017-11-09 13:17:10 -03:30 committed by Chi Kei Chan
parent 424c1f23c9
commit 62f2aebe1d
5 changed files with 27 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/components/dropdowns/components/dropdown.js
View File

@ -31,7 +31,7 @@ class Dropdown extends Component {
containerClassName,
useCssTransition,
isOpen,
zIndex: 30,
zIndex: 55,
onClickOutside,
style,
innerStyle: innerStyleDefaults,

3
ui/app/components/dropdowns/network-dropdown.js
View File

@ -75,11 +75,12 @@ NetworkDropdown.prototype.render = function () {
}
},
containerClassName: 'network-droppo',
zIndex: 11,
zIndex: 55,
style: {
position: 'absolute',
top: '58px',
minWidth: '309px',
zIndex: '55px',
},
innerStyle: {
padding: '18px 8px',

15
ui/app/components/loading.js
View File

@ -10,20 +10,7 @@ class LoadingIndicator extends Component {
render () {
return (
h('.full-flex-height', {
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('.full-flex-height.loading-overlay', {}, [
h('img', {
src: 'images/loading.svg',
}),

2
ui/app/css/itcss/components/index.scss
View File

@ -16,6 +16,8 @@
@import './confirm.scss';
@import './loading-overlay.scss';
// Balances
@import './hero-balance.scss';

21
ui/app/css/itcss/components/loading-overlay.scss Normal file
View 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);
}
}