get rid of spinner.js in use a lightweight css spinner instead
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
Reference in New Issue
Block a user