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 id="loading">
|
||||
<div class="spinner">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
|
||||
<div class="progress">
|
||||
<div style="width: 0%;"></div>
|
||||
</div>
|
||||
|
@ -34,10 +34,6 @@ window._gaq = (typeof _gaq !== 'undefined') ? _gaq : {
|
||||
element.className = _.compact([element.className, 'loading']).join(' ');
|
||||
element.innerHTML = [
|
||||
'<div class="svg"></div>',
|
||||
'<div class="spinner">',
|
||||
'<div></div>',
|
||||
'<div></div>',
|
||||
'</div>',
|
||||
'<div class="progress"><div style="width: 0;"></div></div>',
|
||||
element.innerHTML
|
||||
].join('');
|
||||
@ -53,7 +49,6 @@ window._gaq = (typeof _gaq !== 'undefined') ? _gaq : {
|
||||
})
|
||||
.finally(() => {
|
||||
element.className = _.without(element.className.split(' '), 'loading').join(' ');
|
||||
element.removeChild(element.querySelector('.spinner'));
|
||||
element.removeChild(element.querySelector('.progress'));
|
||||
})
|
||||
.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 {
|
||||
padding: rhythm(1);
|
||||
|
||||
@ -251,11 +212,6 @@ header {
|
||||
&.loading {
|
||||
min-width: 100px;
|
||||
|
||||
.spinner {
|
||||
left: 50%;
|
||||
margin-left: -24px;
|
||||
}
|
||||
|
||||
.svg {
|
||||
position: absolute;
|
||||
top: -10000px;
|
||||
|
Loading…
Reference in New Issue
Block a user