mirror of
https://github.com/wekan/wekan.git
synced 2025-04-20 12:07:11 -04:00
Spinner Scaleout now available
Spinner from: https://tobiasahlin.com/spinkit/
This commit is contained in:
parent
55d0f0bacd
commit
6df7657c8e
3 changed files with 47 additions and 0 deletions
6
client/components/main/spinner_scaleout.jade
Normal file
6
client/components/main/spinner_scaleout.jade
Normal file
|
@ -0,0 +1,6 @@
|
|||
template(name="spinnerScaleout")
|
||||
.sk-spinner.sk-spinner-scaleout(class=currentBoard.colorClass)
|
||||
+spinnerScaleoutRaw
|
||||
|
||||
template(name="spinnerScaleoutRaw")
|
||||
.sk-scaleout1
|
40
client/components/main/spinner_scaleout.styl
Normal file
40
client/components/main/spinner_scaleout.styl
Normal file
|
@ -0,0 +1,40 @@
|
|||
@import 'nib'
|
||||
|
||||
// From https://github.com/tobiasahlin/SpinKit
|
||||
.sk-spinner-scaleout {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
|
||||
margin: 100px auto;
|
||||
|
||||
border-radius: 100%;
|
||||
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
|
||||
animation: sk-scaleout 1.0s infinite ease-in-out;
|
||||
|
||||
div {
|
||||
background-color: #333;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes sk-scaleout {
|
||||
0% { -webkit-transform: scale(0) }
|
||||
100% {
|
||||
-webkit-transform: scale(1.0);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes sk-scaleout {
|
||||
0% {
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
} 100% {
|
||||
-webkit-transform: scale(1.0);
|
||||
transform: scale(1.0);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
|
@ -54,5 +54,6 @@ export const ALLOWED_WAIT_SPINNERS = [
|
|||
'Cube',
|
||||
'Dot',
|
||||
'Rotateplane',
|
||||
'Scaleout',
|
||||
'Wave'
|
||||
];
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue