Change video spinner

[github/Chocobozzz/PeerTube.git] / client / src / app / videos / video-list / video-miniature.component.scss

diff --git a/client/src/app/videos/video-list/video-miniature.component.scss b/client/src/app/videos/video-list/video-miniature.component.scss
index c2743c3beb0c123df1578277e7de8787e233f600..066792d10ce2cf0a8a0abd285f78ac5f4d7c2247 100644 (file)
--- a/client/src/app/videos/video-list/video-miniature.component.scss
+++ b/client/src/app/videos/video-list/video-miniature.component.scss
@@ -9,24 +9,16 @@
   .video-miniature-thumbnail {
     display: inline-block;
     position: relative;
+    border-radius: 3px;
+    overflow: hidden;
 
     &:hover {
       text-decoration: none !important;
     }
 
-    .thumbnail-nsfw {
-      background-color: #000;
-      color: #fff;
-      text-align: center;
-      font-size: 30px;
-      line-height: 110px;
-
-      width: 200px;
-      height: 110px;
-    }
-
-    img, .thumbnail-nsfw {
-      border-radius: 3px;
+    img.blur-filter {
+      filter: blur(5px);
+      transform : scale(1.03);
     }
 
     .video-miniature-thumbnail-overlay {
@@ -51,7 +43,7 @@
     }
   }
 
-  .video-miniature-informations {
+  .video-miniature-information {
     width: 200px;
 
     .video-miniature-name {
@@ -68,6 +60,11 @@
         text-decoration: none;
       }
 
+      &.blur-filter {
+        filter: blur(3px);
+        padding-left: 4px;
+      }
+
       .video-miniature-tags {
         // Fix for chrome when tags are long
         width: 201px;