diff options
Diffstat (limited to 'client/src/app/shared/video/video-thumbnail.component.scss')
-rw-r--r-- | client/src/app/shared/video/video-thumbnail.component.scss | 74 |
1 files changed, 0 insertions, 74 deletions
diff --git a/client/src/app/shared/video/video-thumbnail.component.scss b/client/src/app/shared/video/video-thumbnail.component.scss deleted file mode 100644 index feff78a87..000000000 --- a/client/src/app/shared/video/video-thumbnail.component.scss +++ /dev/null | |||
@@ -1,74 +0,0 @@ | |||
1 | @import '_variables'; | ||
2 | @import '_mixins'; | ||
3 | @import '_miniature'; | ||
4 | |||
5 | .video-thumbnail { | ||
6 | @include miniature-thumbnail; | ||
7 | |||
8 | .progress-bar { | ||
9 | height: 3px; | ||
10 | width: 100%; | ||
11 | position: absolute; | ||
12 | bottom: 0; | ||
13 | background-color: rgba(0, 0, 0, 0.20); | ||
14 | |||
15 | div { | ||
16 | height: 100%; | ||
17 | background-color: pvar(--mainColor); | ||
18 | } | ||
19 | } | ||
20 | |||
21 | .video-thumbnail-watch-later-overlay, | ||
22 | .video-thumbnail-label-overlay, | ||
23 | .video-thumbnail-duration-overlay { | ||
24 | @include static-thumbnail-overlay; | ||
25 | |||
26 | border-radius: 3px; | ||
27 | font-size: 12px; | ||
28 | font-weight: $font-semibold; | ||
29 | line-height: 1.2; | ||
30 | z-index: z(miniature); | ||
31 | } | ||
32 | |||
33 | .video-thumbnail-label-overlay { | ||
34 | position: absolute; | ||
35 | padding: 0 5px; | ||
36 | left: 5px; | ||
37 | top: 5px; | ||
38 | font-weight: $font-bold; | ||
39 | |||
40 | &.warning { background-color: orange; } | ||
41 | &.danger { background-color: red; } | ||
42 | } | ||
43 | |||
44 | .video-thumbnail-duration-overlay { | ||
45 | position: absolute; | ||
46 | padding: 0 3px; | ||
47 | right: 5px; | ||
48 | bottom: 5px; | ||
49 | } | ||
50 | |||
51 | .video-thumbnail-actions-overlay { | ||
52 | position: absolute; | ||
53 | display: flex; | ||
54 | flex-direction: column; | ||
55 | right: 5px; | ||
56 | top: 5px; | ||
57 | opacity: 0; | ||
58 | |||
59 | div:not(:first-child) { | ||
60 | margin-top: 2px; | ||
61 | } | ||
62 | |||
63 | .video-thumbnail-watch-later-overlay { | ||
64 | padding: 3px; | ||
65 | |||
66 | my-global-icon { | ||
67 | width: 22px; | ||
68 | height: 22px; | ||
69 | |||
70 | @include apply-svg-color(#fff); | ||
71 | } | ||
72 | } | ||
73 | } | ||
74 | } | ||