mirror of
https://github.com/Chocobozzz/PeerTube.git
synced 2024-09-20 01:47:21 +03:00
Add loader indication when loading videos list
This commit is contained in:
parent
1cdb5c0f58
commit
e56b20f587
@ -1,3 +1,3 @@
|
||||
<div id="video-loading" class="col-md-12 text-center" *ngIf="loading">
|
||||
<div id="video-loading" *ngIf="loading">
|
||||
<div class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></div>
|
||||
</div>
|
||||
|
@ -1,7 +1,3 @@
|
||||
div {
|
||||
margin-top: 150px;
|
||||
}
|
||||
|
||||
// Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
|
||||
.glyphicon-refresh-animate {
|
||||
-animation: spin .7s infinite linear;
|
||||
|
@ -16,6 +16,11 @@
|
||||
font-size: 13px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
my-loader {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.videos-miniatures {
|
||||
|
@ -1,6 +1,5 @@
|
||||
<my-loader [loading]="loading"></my-loader>
|
||||
|
||||
<div class="embed-responsive embed-responsive-19by9">
|
||||
<my-loader [loading]="loading"></my-loader>
|
||||
</div>
|
||||
|
||||
<div id="torrent-info">
|
||||
|
@ -1,3 +1,10 @@
|
||||
my-loader {
|
||||
display: block;
|
||||
padding-top: 200px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.embed-responsive {
|
||||
height: 500px;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user