From: Chocobozzz <me@florianbigard.com>
Date: Mon, 12 Feb 2018 16:47:13 +0000 (+0100)
Subject: Add background placeholder for thumbnails
X-Git-Tag: v0.0.24-alpha~22
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=d6bd50ba1d095d35ec3837afedd8319a05cded90;p=oweals%2Fpeertube.git

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