Add background placeholder for thumbnails

diff --git a/client/src/app/shared/video/abstract-video-list.scss b/client/src/app/shared/video/abstract-video-list.scss
index 3fdfcefa0f1223ddd7d021b06202375b9d3c5489..63538a089914aa2bbf88a2fc13dacc10c6f1c27d 100644 (file)
--- a/client/src/app/shared/video/abstract-video-list.scss
+++ b/client/src/app/shared/video/abstract-video-list.scss
@@ -26,10 +26,11 @@
 
       /deep/ .video-thumbnail {
         width: 100%;
+        height: auto;
 
         img {
-          height: auto;
           width: 100%;
+          height: auto;
         }
       }
     }

diff --git a/client/src/app/shared/video/video-thumbnail.component.scss b/client/src/app/shared/video/video-thumbnail.component.scss
index 4840a9e4fe553e8ccb0ee78db508720180590122..c3cb1ec7520dca30b1d517cb29d0fc0fe0b83c68 100644 (file)
--- a/client/src/app/shared/video/video-thumbnail.component.scss
+++ b/client/src/app/shared/video/video-thumbnail.component.scss
@@ -6,6 +6,9 @@
   position: relative;
   border-radius: 4px;
   overflow: hidden;
+  width: $video-thumbnail-width;
+  height: $video-thumbnail-height;
+  background-color: #ececec;
 
   &:hover {
     text-decoration: none !important;