.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;
&.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;