IntenseWebs/PeerTube
3
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2024-11-22 08:46:54 -06:00
Code Issues Packages Projects Releases Wiki Activity

Apply a fade instead of a loader when loading videos

Browse Source
This commit is contained in:
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 class="videos-miniatures">
<my-loader [loading]="loading"></my-loader>
<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>
</div>

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

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