Removing spinner
It has seemed a little excessive since adding the progress bar
This commit is contained in:
parent
d538d7b62a
commit
f83e0c6ea8
@ -12,11 +12,6 @@
|
|||||||
|
|
||||||
<div class="results">
|
<div class="results">
|
||||||
<div id="loading">
|
<div id="loading">
|
||||||
<div class="spinner">
|
|
||||||
<div></div>
|
|
||||||
<div></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="progress">
|
<div class="progress">
|
||||||
<div style="width: 0%;"></div>
|
<div style="width: 0%;"></div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -34,10 +34,6 @@ window._gaq = (typeof _gaq !== 'undefined') ? _gaq : {
|
|||||||
element.className = _.compact([element.className, 'loading']).join(' ');
|
element.className = _.compact([element.className, 'loading']).join(' ');
|
||||||
element.innerHTML = [
|
element.innerHTML = [
|
||||||
'<div class="svg"></div>',
|
'<div class="svg"></div>',
|
||||||
'<div class="spinner">',
|
|
||||||
'<div></div>',
|
|
||||||
'<div></div>',
|
|
||||||
'</div>',
|
|
||||||
'<div class="progress"><div style="width: 0;"></div></div>',
|
'<div class="progress"><div style="width: 0;"></div></div>',
|
||||||
element.innerHTML
|
element.innerHTML
|
||||||
].join('');
|
].join('');
|
||||||
@ -53,7 +49,6 @@ window._gaq = (typeof _gaq !== 'undefined') ? _gaq : {
|
|||||||
})
|
})
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
element.className = _.without(element.className.split(' '), 'loading').join(' ');
|
element.className = _.without(element.className.split(' '), 'loading').join(' ');
|
||||||
element.removeChild(element.querySelector('.spinner'));
|
|
||||||
element.removeChild(element.querySelector('.progress'));
|
element.removeChild(element.querySelector('.progress'));
|
||||||
})
|
})
|
||||||
.done();
|
.done();
|
||||||
|
@ -97,45 +97,6 @@ header {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.spinner {
|
|
||||||
margin: 10px auto;
|
|
||||||
width: rhythm(2);
|
|
||||||
height: rhythm(2);
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
@include animation(rotate 3.0s infinite linear);
|
|
||||||
|
|
||||||
div {
|
|
||||||
width: 40%;
|
|
||||||
height: 40%;
|
|
||||||
display: inline-block;
|
|
||||||
position: absolute;
|
|
||||||
border: 3px solid $green;
|
|
||||||
@include border-radius(50%);
|
|
||||||
|
|
||||||
@include animation(bounce 2.0s infinite ease-in-out);
|
|
||||||
}
|
|
||||||
|
|
||||||
:first-child {
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
:last-child {
|
|
||||||
bottom: 0px;
|
|
||||||
@include animation-delay(-1.0s);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include keyframes(rotate) {
|
|
||||||
100% { @include transform(rotate(360deg)); }
|
|
||||||
}
|
|
||||||
|
|
||||||
@include keyframes(bounce) {
|
|
||||||
0%, 100% { @include transform(scale(0.0)); }
|
|
||||||
50% { @include transform(scale(1.0)); }
|
|
||||||
}
|
|
||||||
|
|
||||||
#content {
|
#content {
|
||||||
padding: rhythm(1);
|
padding: rhythm(1);
|
||||||
|
|
||||||
@ -251,11 +212,6 @@ header {
|
|||||||
&.loading {
|
&.loading {
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
|
|
||||||
.spinner {
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.svg {
|
.svg {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -10000px;
|
top: -10000px;
|
||||||
|
Loading…
Reference in New Issue
Block a user