diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2016-04-29 14:18:14 +0200 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2016-04-29 14:18:14 +0200 |
commit | da932efc8199e2d9fe5d830432fb3833865a9a42 (patch) | |
tree | 5cd67542971ec695a7f546ae3d129825c4e6c607 /client/angular/videos/components/watch/videos-watch.component.scss | |
parent | e9a2578e952a361b042fee45d211c6f88d89209e (diff) | |
download | PeerTube-da932efc8199e2d9fe5d830432fb3833865a9a42.tar.gz PeerTube-da932efc8199e2d9fe5d830432fb3833865a9a42.tar.zst PeerTube-da932efc8199e2d9fe5d830432fb3833865a9a42.zip |
Add loader gif when loading the video
Diffstat (limited to 'client/angular/videos/components/watch/videos-watch.component.scss')
-rw-r--r-- | client/angular/videos/components/watch/videos-watch.component.scss | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/client/angular/videos/components/watch/videos-watch.component.scss b/client/angular/videos/components/watch/videos-watch.component.scss index 27f34b33d..b6c2fc050 100644 --- a/client/angular/videos/components/watch/videos-watch.component.scss +++ b/client/angular/videos/components/watch/videos-watch.component.scss | |||
@@ -1,3 +1,30 @@ | |||
1 | .embed-responsive { | 1 | .embed-responsive { |
2 | height: 100%; | 2 | height: 100%; |
3 | } | 3 | } |
4 | |||
5 | #video-loading { | ||
6 | margin-top: 150px; | ||
7 | } | ||
8 | |||
9 | // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d | ||
10 | .glyphicon-refresh-animate { | ||
11 | -animation: spin .7s infinite linear; | ||
12 | -ms-animation: spin .7s infinite linear; | ||
13 | -webkit-animation: spinw .7s infinite linear; | ||
14 | -moz-animation: spinm .7s infinite linear; | ||
15 | } | ||
16 | |||
17 | @keyframes spin { | ||
18 | from { transform: scale(1) rotate(0deg);} | ||
19 | to { transform: scale(1) rotate(360deg);} | ||
20 | } | ||
21 | |||
22 | @-webkit-keyframes spinw { | ||
23 | from { -webkit-transform: rotate(0deg);} | ||
24 | to { -webkit-transform: rotate(360deg);} | ||
25 | } | ||
26 | |||
27 | @-moz-keyframes spinm { | ||
28 | from { -moz-transform: rotate(0deg);} | ||
29 | to { -moz-transform: rotate(360deg);} | ||
30 | } | ||