diff options
Diffstat (limited to 'client/src/app/+videos/+video-watch/video-watch.component.scss')
-rw-r--r-- | client/src/app/+videos/+video-watch/video-watch.component.scss | 41 |
1 files changed, 3 insertions, 38 deletions
diff --git a/client/src/app/+videos/+video-watch/video-watch.component.scss b/client/src/app/+videos/+video-watch/video-watch.component.scss index 2fc847716..abad686ff 100644 --- a/client/src/app/+videos/+video-watch/video-watch.component.scss +++ b/client/src/app/+videos/+video-watch/video-watch.component.scss | |||
@@ -199,40 +199,11 @@ my-subscribe-button { | |||
199 | @include margin-left(5px); | 199 | @include margin-left(5px); |
200 | } | 200 | } |
201 | 201 | ||
202 | .video-attributes { | 202 | my-video-attributes { |
203 | @include margin-left($video-watch-info-margin-left); | 203 | @include margin-left($video-watch-info-margin-left); |
204 | 204 | ||
205 | .video-attribute { | 205 | display: block; |
206 | font-size: 13px; | 206 | margin-bottom: 15px; |
207 | display: block; | ||
208 | margin-bottom: 12px; | ||
209 | } | ||
210 | } | ||
211 | |||
212 | .video-attribute-label { | ||
213 | @include padding-right(5px); | ||
214 | |||
215 | min-width: 142px; | ||
216 | display: inline-block; | ||
217 | color: pvar(--greyForegroundColor); | ||
218 | font-weight: $font-bold; | ||
219 | } | ||
220 | |||
221 | a.video-attribute-value { | ||
222 | @include disable-default-a-behaviour; | ||
223 | color: pvar(--mainForegroundColor); | ||
224 | |||
225 | &:hover { | ||
226 | opacity: 0.9; | ||
227 | } | ||
228 | } | ||
229 | |||
230 | .video-attribute-tags { | ||
231 | .video-attribute-value:not(:nth-child(2)) { | ||
232 | &::before { | ||
233 | content: ', '; | ||
234 | } | ||
235 | } | ||
236 | } | 207 | } |
237 | 208 | ||
238 | my-action-buttons { | 209 | my-action-buttons { |
@@ -260,12 +231,6 @@ my-video-comments { | |||
260 | margin-bottom: 20px; | 231 | margin-bottom: 20px; |
261 | } | 232 | } |
262 | 233 | ||
263 | @media screen and (max-width: 1600px) { | ||
264 | .video-attributes .video-attribute { | ||
265 | margin-bottom: 5px; | ||
266 | } | ||
267 | } | ||
268 | |||
269 | // Use the same breakpoint than in the typescript component to display the other video miniatures as row | 234 | // Use the same breakpoint than in the typescript component to display the other video miniatures as row |
270 | @media screen and (max-width: 1100px) { | 235 | @media screen and (max-width: 1100px) { |
271 | #video-wrapper { | 236 | #video-wrapper { |