diff options
Diffstat (limited to 'client/src/app/videos/video-list/video-miniature.component.scss')
-rw-r--r-- | client/src/app/videos/video-list/video-miniature.component.scss | 25 |
1 files changed, 11 insertions, 14 deletions
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 c2743c3be..066792d10 100644 --- 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 @@ | |||
9 | .video-miniature-thumbnail { | 9 | .video-miniature-thumbnail { |
10 | display: inline-block; | 10 | display: inline-block; |
11 | position: relative; | 11 | position: relative; |
12 | border-radius: 3px; | ||
13 | overflow: hidden; | ||
12 | 14 | ||
13 | &:hover { | 15 | &:hover { |
14 | text-decoration: none !important; | 16 | text-decoration: none !important; |
15 | } | 17 | } |
16 | 18 | ||
17 | .thumbnail-nsfw { | 19 | img.blur-filter { |
18 | background-color: #000; | 20 | filter: blur(5px); |
19 | color: #fff; | 21 | transform : scale(1.03); |
20 | text-align: center; | ||
21 | font-size: 30px; | ||
22 | line-height: 110px; | ||
23 | |||
24 | width: 200px; | ||
25 | height: 110px; | ||
26 | } | ||
27 | |||
28 | img, .thumbnail-nsfw { | ||
29 | border-radius: 3px; | ||
30 | } | 22 | } |
31 | 23 | ||
32 | .video-miniature-thumbnail-overlay { | 24 | .video-miniature-thumbnail-overlay { |
@@ -51,7 +43,7 @@ | |||
51 | } | 43 | } |
52 | } | 44 | } |
53 | 45 | ||
54 | .video-miniature-informations { | 46 | .video-miniature-information { |
55 | width: 200px; | 47 | width: 200px; |
56 | 48 | ||
57 | .video-miniature-name { | 49 | .video-miniature-name { |
@@ -68,6 +60,11 @@ | |||
68 | text-decoration: none; | 60 | text-decoration: none; |
69 | } | 61 | } |
70 | 62 | ||
63 | &.blur-filter { | ||
64 | filter: blur(3px); | ||
65 | padding-left: 4px; | ||
66 | } | ||
67 | |||
71 | .video-miniature-tags { | 68 | .video-miniature-tags { |
72 | // Fix for chrome when tags are long | 69 | // Fix for chrome when tags are long |
73 | width: 201px; | 70 | width: 201px; |