mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
048938de0b
* Add spinner for running query * fixing lint * Adding in check for this.socket * Full height results area with centered spinner * Don't hide table if query is stopped * Remove results container if no results yet * No more console.log
39 lines
923 B
SCSS
39 lines
923 B
SCSS
.kolide-spinner {
|
|
@include animation(sk-rotateplane 2.4s infinite ease-in-out);
|
|
@include size(64px);
|
|
background-color: #ae6ddf;
|
|
border-radius: 5px;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
|
|
margin: 30px auto;
|
|
}
|
|
|
|
@include keyframes(sk-rotateplane) {
|
|
0% {
|
|
@include transform(perspective(120px) rotateX(0deg) rotateY(0deg));
|
|
}
|
|
|
|
20% {
|
|
@include transform(perspective(120px) rotateX(-180.1deg) rotateY(0deg));
|
|
background: #ff5850;
|
|
}
|
|
|
|
40% {
|
|
@include transform(perspective(120px) rotateX(-180deg) rotateY(-179.9deg));
|
|
background: #ffad00;
|
|
}
|
|
|
|
60% {
|
|
@include transform(perspective(120px) rotateX(0deg) rotateY(0deg));
|
|
background: #4fd061;
|
|
}
|
|
|
|
80% {
|
|
@include transform(perspective(120px) rotateX(-180.1deg) rotateY(0deg));
|
|
background: #4a90e2;
|
|
}
|
|
|
|
100% {
|
|
@include transform(perspective(120px) rotateX(-180deg) rotateY(-179.9deg));
|
|
background: #ae6ddf;
|
|
}
|
|
}
|