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 | 86 |
1 files changed, 0 insertions, 86 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 f25f3bf31..e075fc57e 100644 --- a/client/src/app/+videos/+video-watch/video-watch.component.scss +++ b/client/src/app/+videos/+video-watch/video-watch.component.scss | |||
@@ -364,94 +364,12 @@ my-video-comments { | |||
364 | margin-bottom: 20px; | 364 | margin-bottom: 20px; |
365 | } | 365 | } |
366 | 366 | ||
367 | // If the view is not expanded, take into account the menu | ||
368 | .privacy-concerns { | ||
369 | z-index: z(dropdown) + 1; | ||
370 | width: calc(100% - #{$menu-width}); | ||
371 | } | ||
372 | |||
373 | @media screen and (max-width: $small-view) { | ||
374 | .privacy-concerns { | ||
375 | @include margin-left($menu-width - 15px); // Menu is absolute | ||
376 | } | ||
377 | } | ||
378 | |||
379 | :host-context(.expanded) { | ||
380 | .privacy-concerns { | ||
381 | @include margin-left(-15px); | ||
382 | |||
383 | width: 100%; | ||
384 | } | ||
385 | } | ||
386 | |||
387 | .privacy-concerns { | ||
388 | position: fixed; | ||
389 | bottom: 0; | ||
390 | z-index: z(privacymsg); | ||
391 | |||
392 | padding: 5px 15px; | ||
393 | |||
394 | display: flex; | ||
395 | flex-wrap: nowrap; | ||
396 | align-items: center; | ||
397 | justify-content: space-between; | ||
398 | background-color: rgba(0, 0, 0, 0.9); | ||
399 | color: #fff; | ||
400 | |||
401 | .privacy-concerns-text { | ||
402 | margin: 0 5px; | ||
403 | } | ||
404 | |||
405 | a { | ||
406 | @include disable-default-a-behaviour; | ||
407 | |||
408 | color: pvar(--mainColor); | ||
409 | transition: color 0.3s; | ||
410 | |||
411 | &:hover { | ||
412 | color: #fff; | ||
413 | } | ||
414 | } | ||
415 | |||
416 | .privacy-concerns-button { | ||
417 | @include margin-left(auto); | ||
418 | |||
419 | padding: 5px 8px 5px 7px; | ||
420 | border-radius: 3px; | ||
421 | white-space: nowrap; | ||
422 | cursor: pointer; | ||
423 | transition: background-color 0.3s; | ||
424 | font-weight: $font-semibold; | ||
425 | |||
426 | &:hover { | ||
427 | background-color: #000; | ||
428 | } | ||
429 | } | ||
430 | |||
431 | .privacy-concerns-okay { | ||
432 | @include margin-left(10px); | ||
433 | |||
434 | background-color: pvar(--mainColor); | ||
435 | } | ||
436 | } | ||
437 | |||
438 | @media screen and (max-width: 1600px) { | 367 | @media screen and (max-width: 1600px) { |
439 | .video-bottom .video-info .video-attributes .video-attribute { | 368 | .video-bottom .video-info .video-attributes .video-attribute { |
440 | margin-bottom: 5px; | 369 | margin-bottom: 5px; |
441 | } | 370 | } |
442 | } | 371 | } |
443 | 372 | ||
444 | @media screen and (max-width: 1300px) { | ||
445 | .privacy-concerns { | ||
446 | font-size: 12px; | ||
447 | padding: 2px 5px; | ||
448 | |||
449 | .privacy-concerns-text { | ||
450 | margin: 0; | ||
451 | } | ||
452 | } | ||
453 | } | ||
454 | |||
455 | // Use the same breakpoint than in the typescript component to display the other video miniatures as row | 373 | // Use the same breakpoint than in the typescript component to display the other video miniatures as row |
456 | @media screen and (max-width: 1100px) { | 374 | @media screen and (max-width: 1100px) { |
457 | #video-wrapper { | 375 | #video-wrapper { |
@@ -489,10 +407,6 @@ my-video-comments { | |||
489 | } | 407 | } |
490 | } | 408 | } |
491 | } | 409 | } |
492 | |||
493 | .privacy-concerns { | ||
494 | width: 100%; | ||
495 | } | ||
496 | } | 410 | } |
497 | 411 | ||
498 | @media screen and (max-width: 450px) { | 412 | @media screen and (max-width: 450px) { |