get rid of spinner.js in use a lightweight css spinner instead

This commit is contained in:
Mario Vavti
2017-09-26 13:02:11 +02:00
parent 741af8c164
commit ea5262a0df
22 changed files with 175 additions and 558 deletions

View File

@@ -7,6 +7,7 @@
/* generals */
html {
font-size: $font_size;
}
@@ -228,6 +229,79 @@ nav {
/* contextual help end */
/* spinner */
.spinner-wrapper {
display: none;
}
.spinner.s {
height: 1rem;
width: 1rem;
}
.spinner.m {
height: 2rem;
width: 2rem;
}
.spinner.l {
height: 3rem;
width: 3rem;
}
.spinner {
margin: 0 auto;
position: relative;
-webkit-animation: rotation 1s infinite linear;
-moz-animation: rotation 1s infinite linear;
-o-animation: rotation 1s infinite linear;
animation: rotation 1s infinite linear;
border-left: .2rem solid rgba(77, 77, 77, .15);
border-right: .2rem solid rgba(77, 77, 77, .15);
border-bottom: .2rem solid rgba(77, 77, 77, .15);
border-top: .2rem solid rgba(77, 77, 77, .5);
border-radius: 100%;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@-moz-keyframes rotation {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
}
}
@-o-keyframes rotation {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(359deg);
}
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
/* spinner end */
/* footer */
footer {
@@ -478,8 +552,8 @@ footer {
#nav-search-spinner {
float: right;
margin-top: -0.85rem;
margin-right: 1.6rem;
margin-top: -1.4rem;
margin-right: 1rem;
}
@@ -721,11 +795,6 @@ div.jGrowl div.jGrowl-notification {
display: block;
}
#page-spinner {
color: #777;
margin: 24px;
}
#acl-search::-webkit-input-placeholder {
/* non-fontawesome fonts set a fallback for text parts of the placeholder*/
font-family: FontAwesome, sans-serif, arial, freesans;
@@ -973,10 +1042,6 @@ img.mail-conv-sender-photo {
display: none;
}
#profile-rotator {
color: #777;
}
.jot-icons.jot-lock-warn {
color: darkorange;
}