From da0310f821b039fea1fcbf8aea49e1d2279ba98e Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Tue, 27 Oct 2020 08:45:30 +0100 Subject: Add thumbnail info if live --- .../shared/shared-thumbnail/video-thumbnail.component.scss | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) (limited to 'client/src/app/shared/shared-thumbnail/video-thumbnail.component.scss') diff --git a/client/src/app/shared/shared-thumbnail/video-thumbnail.component.scss b/client/src/app/shared/shared-thumbnail/video-thumbnail.component.scss index feff78a87..1b6151c89 100644 --- a/client/src/app/shared/shared-thumbnail/video-thumbnail.component.scss +++ b/client/src/app/shared/shared-thumbnail/video-thumbnail.component.scss @@ -20,7 +20,8 @@ .video-thumbnail-watch-later-overlay, .video-thumbnail-label-overlay, - .video-thumbnail-duration-overlay { + .video-thumbnail-duration-overlay, + .video-thumbnail-live-overlay { @include static-thumbnail-overlay; border-radius: 3px; @@ -41,13 +42,20 @@ &.danger { background-color: red; } } - .video-thumbnail-duration-overlay { + .video-thumbnail-duration-overlay, + .video-thumbnail-live-overlay { position: absolute; padding: 0 3px; right: 5px; bottom: 5px; } + .video-thumbnail-live-overlay { + background-color: rgba(224, 8, 8, 0.7); + color: #fff; + font-weight: $font-semibold; + } + .video-thumbnail-actions-overlay { position: absolute; display: flex; -- cgit v1.2.3