diff options
| author | Chocobozzz <me@florianbigard.com> | 2019-02-20 14:56:18 +0100 |
|---|---|---|
| committer | Chocobozzz <me@florianbigard.com> | 2019-02-20 14:56:18 +0100 |
| commit | 1aabcae7e36bb113c2887bd7180dad2916ecaaf2 (patch) | |
| tree | 85dca23b4cfae152f7dc25e170fdcf1e1f6145a6 /client/src/app/shared/video/video-thumbnail.component.html | |
| parent | e5fc7811ae0b0513470add9dbe237755bec7cceb (diff) | |
| download | PeerTube-1aabcae7e36bb113c2887bd7180dad2916ecaaf2.tar.gz PeerTube-1aabcae7e36bb113c2887bd7180dad2916ecaaf2.tar.zst PeerTube-1aabcae7e36bb113c2887bd7180dad2916ecaaf2.zip | |
Add hover effect on video miniature
Diffstat (limited to 'client/src/app/shared/video/video-thumbnail.component.html')
| -rw-r--r-- | client/src/app/shared/video/video-thumbnail.component.html | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/client/src/app/shared/video/video-thumbnail.component.html b/client/src/app/shared/video/video-thumbnail.component.html index d25666916..a15df725e 100644 --- a/client/src/app/shared/video/video-thumbnail.component.html +++ b/client/src/app/shared/video/video-thumbnail.component.html | |||
| @@ -6,6 +6,8 @@ | |||
| 6 | 6 | ||
| 7 | <div class="video-thumbnail-overlay">{{ video.durationLabel }}</div> | 7 | <div class="video-thumbnail-overlay">{{ video.durationLabel }}</div> |
| 8 | 8 | ||
| 9 | <div class="play-overlay"></div> | ||
| 10 | |||
| 9 | <div class="progress-bar" *ngIf="video.userHistory?.currentTime"> | 11 | <div class="progress-bar" *ngIf="video.userHistory?.currentTime"> |
| 10 | <div [ngStyle]="{ 'width.%': getProgressPercent() }"></div> | 12 | <div [ngStyle]="{ 'width.%': getProgressPercent() }"></div> |
| 11 | </div> | 13 | </div> |