diff options
Diffstat (limited to 'client/src/sass/include/_miniature.scss')
-rw-r--r-- | client/src/sass/include/_miniature.scss | 14 |
1 files changed, 6 insertions, 8 deletions
diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss index 3b86f29b4..fb504906c 100644 --- a/client/src/sass/include/_miniature.scss +++ b/client/src/sass/include/_miniature.scss | |||
@@ -21,12 +21,12 @@ | |||
21 | } | 21 | } |
22 | 22 | ||
23 | @mixin miniature-thumbnail { | 23 | @mixin miniature-thumbnail { |
24 | @include disable-outline; | ||
25 | |||
26 | $play-overlay-transition: 0.2s ease; | 24 | $play-overlay-transition: 0.2s ease; |
27 | $play-overlay-height: 26px; | 25 | $play-overlay-height: 26px; |
28 | $play-overlay-width: 18px; | 26 | $play-overlay-width: 18px; |
29 | 27 | ||
28 | @include disable-outline; | ||
29 | |||
30 | display: flex; | 30 | display: flex; |
31 | flex-direction: column; | 31 | flex-direction: column; |
32 | position: relative; | 32 | position: relative; |
@@ -47,7 +47,8 @@ | |||
47 | opacity: 0; | 47 | opacity: 0; |
48 | background-color: rgba(0, 0, 0, 0.3); | 48 | background-color: rgba(0, 0, 0, 0.3); |
49 | 49 | ||
50 | &, .icon { | 50 | &, |
51 | .icon { | ||
51 | transition: all $play-overlay-transition; | 52 | transition: all $play-overlay-transition; |
52 | } | 53 | } |
53 | 54 | ||
@@ -79,7 +80,7 @@ | |||
79 | 80 | ||
80 | &.blur-filter { | 81 | &.blur-filter { |
81 | filter: blur(20px); | 82 | filter: blur(20px); |
82 | transform : scale(1.03); | 83 | transform: scale(1.03); |
83 | } | 84 | } |
84 | } | 85 | } |
85 | } | 86 | } |
@@ -129,10 +130,7 @@ | |||
129 | column-gap: 30px; | 130 | column-gap: 30px; |
130 | grid-template-columns: repeat( | 131 | grid-template-columns: repeat( |
131 | auto-fill, | 132 | auto-fill, |
132 | minmax( | 133 | minmax(var(--miniatureMinWidth), 1fr) |
133 | var(--miniatureMinWidth), | ||
134 | 1fr | ||
135 | ) | ||
136 | ); | 134 | ); |
137 | 135 | ||
138 | .video-wrapper, | 136 | .video-wrapper, |