From d6bd50ba1d095d35ec3837afedd8319a05cded90 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Mon, 12 Feb 2018 17:47:13 +0100
Subject: Add background placeholder for thumbnails

---
 client/src/app/shared/video/abstract-video-list.scss       | 3 ++-
 client/src/app/shared/video/video-thumbnail.component.scss | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

(limited to 'client/src')

diff --git a/client/src/app/shared/video/abstract-video-list.scss b/client/src/app/shared/video/abstract-video-list.scss
index 3fdfcefa0..63538a089 100644
--- 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 4840a9e4f..c3cb1ec75 100644
--- 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;
-- 
cgit v1.2.3