diff options
| author | Chocobozzz <florian.bigard@gmail.com> | 2016-06-05 08:48:44 +0200 |
|---|---|---|
| committer | Chocobozzz <florian.bigard@gmail.com> | 2016-06-05 08:48:44 +0200 |
| commit | e56b20f5872bc640b59501817bc41fb0db09c253 (patch) | |
| tree | 3f1ec7e29b96d72f022ed3f0e9a810f6c27edaae /client/src/app/videos/shared | |
| parent | 1cdb5c0f582502eac4d851cecc015e81cf16316b (diff) | |
| download | PeerTube-e56b20f5872bc640b59501817bc41fb0db09c253.tar.gz PeerTube-e56b20f5872bc640b59501817bc41fb0db09c253.tar.zst PeerTube-e56b20f5872bc640b59501817bc41fb0db09c253.zip | |
Add loader indication when loading videos list
Diffstat (limited to 'client/src/app/videos/shared')
| -rw-r--r-- | client/src/app/videos/shared/loader/loader.component.html | 2 | ||||
| -rw-r--r-- | client/src/app/videos/shared/loader/loader.component.scss | 4 |
2 files changed, 1 insertions, 5 deletions
diff --git a/client/src/app/videos/shared/loader/loader.component.html b/client/src/app/videos/shared/loader/loader.component.html index d02296a2d..38d06950e 100644 --- a/client/src/app/videos/shared/loader/loader.component.html +++ b/client/src/app/videos/shared/loader/loader.component.html | |||
| @@ -1,3 +1,3 @@ | |||
| 1 | <div id="video-loading" class="col-md-12 text-center" *ngIf="loading"> | 1 | <div id="video-loading" *ngIf="loading"> |
| 2 | <div class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></div> | 2 | <div class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></div> |
| 3 | </div> | 3 | </div> |
diff --git a/client/src/app/videos/shared/loader/loader.component.scss b/client/src/app/videos/shared/loader/loader.component.scss index 454195811..44cf1f9da 100644 --- a/client/src/app/videos/shared/loader/loader.component.scss +++ b/client/src/app/videos/shared/loader/loader.component.scss | |||
| @@ -1,7 +1,3 @@ | |||
| 1 | div { | ||
| 2 | margin-top: 150px; | ||
| 3 | } | ||
| 4 | |||
| 5 | // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d | 1 | // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d |
| 6 | .glyphicon-refresh-animate { | 2 | .glyphicon-refresh-animate { |
| 7 | -animation: spin .7s infinite linear; | 3 | -animation: spin .7s infinite linear; |