aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/angular/videos/loader.component.scss
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2016-05-26 20:40:03 +0200
committerChocobozzz <florian.bigard@gmail.com>2016-05-26 20:40:03 +0200
commit157cb9c9713e08ff70078660a32dd77ecb87eabc (patch)
tree4a9066f820be014fcbddf582fd6b92bdb006dccf /client/angular/videos/loader.component.scss
parenta99593ed9f3244e75f7db793ba6716754d664573 (diff)
downloadPeerTube-157cb9c9713e08ff70078660a32dd77ecb87eabc.tar.gz
PeerTube-157cb9c9713e08ff70078660a32dd77ecb87eabc.tar.zst
PeerTube-157cb9c9713e08ff70078660a32dd77ecb87eabc.zip
Add a loader animation when loading the videos list
Diffstat (limited to 'client/angular/videos/loader.component.scss')
-rw-r--r--client/angular/videos/loader.component.scss26
1 files changed, 26 insertions, 0 deletions
diff --git a/client/angular/videos/loader.component.scss b/client/angular/videos/loader.component.scss
new file mode 100644
index 000000000..454195811
--- /dev/null
+++ b/client/angular/videos/loader.component.scss
@@ -0,0 +1,26 @@
1div {
2 margin-top: 150px;
3}
4
5// Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
6.glyphicon-refresh-animate {
7 -animation: spin .7s infinite linear;
8 -ms-animation: spin .7s infinite linear;
9 -webkit-animation: spinw .7s infinite linear;
10 -moz-animation: spinm .7s infinite linear;
11}
12
13@keyframes spin {
14 from { transform: scale(1) rotate(0deg);}
15 to { transform: scale(1) rotate(360deg);}
16}
17
18@-webkit-keyframes spinw {
19 from { -webkit-transform: rotate(0deg);}
20 to { -webkit-transform: rotate(360deg);}
21}
22
23@-moz-keyframes spinm {
24 from { -moz-transform: rotate(0deg);}
25 to { -moz-transform: rotate(360deg);}
26}