miniature duration visibility and overlay background opacity

diff --git a/client/src/app/shared/video/video-thumbnail.component.scss b/client/src/app/shared/video/video-thumbnail.component.scss
index 469b659e93170f37673cb8940847c62468f6942a..e48629778044ce4060ac41dbdf093ee1459d25b9 100644 (file)
--- a/client/src/app/shared/video/video-thumbnail.component.scss
+++ b/client/src/app/shared/video/video-thumbnail.component.scss
@@ -28,5 +28,6 @@
     border-radius: 3px;
     font-size: 12px;
     font-weight: $font-bold;
+    z-index: 1;
   }
 }

diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss
index 4a1780b3f8ecbcc6cc9151b69da36f4392c13332..b0e07d61a1823da78d8f152b895e4cfa78afa396 100644 (file)
--- a/client/src/sass/include/_miniature.scss
+++ b/client/src/sass/include/_miniature.scss
@@ -45,7 +45,7 @@ $play-overlay-width: 18px;
     width: inherit;
     height: inherit;
     opacity: 0;
-    background-color: rgba(0, 0, 0, 0.7);
+    background-color: rgba(0, 0, 0, 0.3);
 
     &, .icon {
       transition: all $play-overlay-transition;