OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

Apply a fade instead of a loader when loading videos

pull/10/head
Chocobozzz 2016-06-04 18:53:11 +02:00
parent 192ea60b82
commit 7914607ecd
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/app/videos/video-list/video-list.component.html
View File

@ -4,11 +4,9 @@
</div> </div>
<div class="videos-miniatures"> <div class="videos-miniatures">
<my-loader [loading]="loading"></my-loader>
<div class="col-md-12 no-video" *ngIf="noVideo()">There is no video.</div> <div class="col-md-12 no-video" *ngIf="noVideo()">There is no video.</div>
<my-video-miniature *ngFor="let video of videos" [video]="video" [user]="user" (removed)="onRemoved(video)"> <my-video-miniature class="ng-animate "*ngFor="let video of videos" [video]="video" [user]="user" (removed)="onRemoved(video)">
</my-video-miniature> </my-video-miniature>
</div> </div>

16
client/src/app/videos/video-list/video-list.component.scss
View File

@ -21,8 +21,20 @@
.videos-miniatures { .videos-miniatures {
min-height: 600px; min-height: 600px;
my-videos-miniature { my-video-miniature {
display: inline-block; transition: all 0.5s ease;
&.ng-enter {
opacity: 0;
}
&.ng-enter-active {
opacity: 1;
}
&.ng-leave {
opacity: 0;
}
} }
.no-video { .no-video {