Removing spinner

It has seemed a little excessive since adding the progress bar
This commit is contained in:
Jeff Avallone 2014-12-29 17:55:57 -05:00
parent d538d7b62a
commit f83e0c6ea8
3 changed files with 0 additions and 54 deletions

View File

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

View File

@ -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();

View File

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