aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+videos/+video-watch/video-watch.component.scss
diff options
context:
space:
mode:
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.scss86
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) {