Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-12-16 15:30:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Spinner Double-Bounce now available

Browse source 
Spinner from: https://tobiasahlin.com/spinkit/
This commit is contained in:
Martin Filser 2021-06-09 20:50:58 +02:00
parent 0caff7d5d5
commit d485154a12
3 changed files with 52 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
client/components/main/spinner_double_bounce.jade Normal file
View file

@ -0,0 +1,7 @@
template(name="spinnerDoubleBounce")
.sk-spinner.sk-spinner-double-bounce(class=currentBoard.colorClass)
+spinnerDoubleBounceRaw
template(name="spinnerDoubleBounceRaw")
.sk-double-bounce1
.sk-double-bounce2

44
client/components/main/spinner_double_bounce.styl Normal file
View file

@ -0,0 +1,44 @@
@import 'nib'
// From https://github.com/tobiasahlin/SpinKit
.sk-spinner-double-bounce {
width: 40px;
height: 40px;
position: relative;
margin: 100px auto;
}
.sk-double-bounce1, .sk-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.sk-double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}

1
config/const.js
View file

@ -54,6 +54,7 @@ export const ALLOWED_WAIT_SPINNERS = [
'Cube', 'Cube',
'Cube-Grid', 'Cube-Grid',
'Dot', 'Dot',
'Double-Bounce',
'Rotateplane', 'Rotateplane',
'Scaleout', 'Scaleout',
'Wave' 'Wave'