diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2020-04-11 14:47:13 +0200 |
---|---|---|
committer | Rigel Kent <sendmemail@rigelk.eu> | 2020-04-11 16:05:50 +0200 |
commit | 62eacb420945020d354037c5d5cdf2885529f52a (patch) | |
tree | e8697b250b2f81e56b722018bcd0c958c1206c06 /client/src/app/shared/video/video-thumbnail.component.scss | |
parent | 58e1765affe6206fcae797290e4f5d8460dffea9 (diff) | |
download | PeerTube-62eacb420945020d354037c5d5cdf2885529f52a.tar.gz PeerTube-62eacb420945020d354037c5d5cdf2885529f52a.tar.zst PeerTube-62eacb420945020d354037c5d5cdf2885529f52a.zip |
Place private/unlisted labels in thumbnail instead of miniature
Diffstat (limited to 'client/src/app/shared/video/video-thumbnail.component.scss')
-rw-r--r-- | client/src/app/shared/video/video-thumbnail.component.scss | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/client/src/app/shared/video/video-thumbnail.component.scss b/client/src/app/shared/video/video-thumbnail.component.scss index c13105e94..5fca916f0 100644 --- a/client/src/app/shared/video/video-thumbnail.component.scss +++ b/client/src/app/shared/video/video-thumbnail.component.scss | |||
@@ -19,6 +19,7 @@ | |||
19 | } | 19 | } |
20 | 20 | ||
21 | .video-thumbnail-watch-later-overlay, | 21 | .video-thumbnail-watch-later-overlay, |
22 | .video-thumbnail-label-overlay, | ||
22 | .video-thumbnail-duration-overlay { | 23 | .video-thumbnail-duration-overlay { |
23 | @include static-thumbnail-overlay; | 24 | @include static-thumbnail-overlay; |
24 | 25 | ||
@@ -28,6 +29,16 @@ | |||
28 | z-index: z(miniature); | 29 | z-index: z(miniature); |
29 | } | 30 | } |
30 | 31 | ||
32 | .video-thumbnail-label-overlay { | ||
33 | position: absolute; | ||
34 | padding: 0 5px; | ||
35 | left: 5px; | ||
36 | top: 5px; | ||
37 | |||
38 | &.warning { background-color: orange; } | ||
39 | &.danger { background-color: red; } | ||
40 | } | ||
41 | |||
31 | .video-thumbnail-duration-overlay { | 42 | .video-thumbnail-duration-overlay { |
32 | position: absolute; | 43 | position: absolute; |
33 | padding: 0 5px; | 44 | padding: 0 5px; |