aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos/+video-watch
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-07-24 16:12:35 +0200
committerChocobozzz <me@florianbigard.com>2019-07-25 11:00:43 +0200
commit03652b3179b7d3d2959b68318fdc5e00f94eb95f (patch)
tree4e24adb0d7ecb89b23f4c86bae402af3b660f934 /client/src/app/videos/+video-watch
parentf36da21e40104a50acb00132920b835240cebb38 (diff)
downloadPeerTube-03652b3179b7d3d2959b68318fdc5e00f94eb95f.tar.gz
PeerTube-03652b3179b7d3d2959b68318fdc5e00f94eb95f.tar.zst
PeerTube-03652b3179b7d3d2959b68318fdc5e00f94eb95f.zip
Use ::ng-deep instead of /deep/
Diffstat (limited to 'client/src/app/videos/+video-watch')
-rw-r--r--client/src/app/videos/+video-watch/comment/video-comment.component.scss2
-rw-r--r--client/src/app/videos/+video-watch/video-watch-playlist.component.scss2
-rw-r--r--client/src/app/videos/+video-watch/video-watch.component.scss18
3 files changed, 11 insertions, 11 deletions
diff --git a/client/src/app/videos/+video-watch/comment/video-comment.component.scss b/client/src/app/videos/+video-watch/comment/video-comment.component.scss
index 731ecbf8f..c3ab1ab01 100644
--- a/client/src/app/videos/+video-watch/comment/video-comment.component.scss
+++ b/client/src/app/videos/+video-watch/comment/video-comment.component.scss
@@ -50,7 +50,7 @@
50 @include peertube-word-wrap; 50 @include peertube-word-wrap;
51 51
52 // Mentions 52 // Mentions
53 /deep/ a { 53 ::ng-deep a {
54 54
55 &:not(.linkified-url) { 55 &:not(.linkified-url) {
56 @include disable-default-a-behaviour; 56 @include disable-default-a-behaviour;
diff --git a/client/src/app/videos/+video-watch/video-watch-playlist.component.scss b/client/src/app/videos/+video-watch/video-watch-playlist.component.scss
index 5da55c2f8..eeb763bd9 100644
--- a/client/src/app/videos/+video-watch/video-watch-playlist.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch-playlist.component.scss
@@ -37,7 +37,7 @@
37 } 37 }
38 38
39 my-video-playlist-element-miniature { 39 my-video-playlist-element-miniature {
40 /deep/ { 40 ::ng-deep {
41 .video { 41 .video {
42 .position { 42 .position {
43 margin-right: 0; 43 margin-right: 0;
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 35ea0fffd..5dc79c6b7 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -31,14 +31,14 @@ $player-factor: 1.7; // 16/9
31 width: 100%; 31 width: 100%;
32 } 32 }
33 33
34 /deep/ .video-js { 34 ::ng-deep .video-js {
35 $height: calc(100vh - #{$header-height} - #{$theater-bottom-space}); 35 $height: calc(100vh - #{$header-height} - #{$theater-bottom-space});
36 36
37 height: $height; 37 height: $height;
38 width: 100%; 38 width: 100%;
39 } 39 }
40 40
41 my-video-watch-playlist /deep/ .playlist { 41 my-video-watch-playlist ::ng-deep .playlist {
42 @include playlist-below-player; 42 @include playlist-below-player;
43 } 43 }
44 } 44 }
@@ -81,7 +81,7 @@ $player-factor: 1.7; // 16/9
81 } 81 }
82 } 82 }
83 83
84 /deep/ .video-js { 84 ::ng-deep .video-js {
85 width: getPlayerWidth(66vh); 85 width: getPlayerWidth(66vh);
86 height: 66vh; 86 height: 66vh;
87 87
@@ -94,7 +94,7 @@ $player-factor: 1.7; // 16/9
94 94
95 @media screen and (max-width: 600px) { 95 @media screen and (max-width: 600px) {
96 .remote-server-down, 96 .remote-server-down,
97 /deep/ .video-js { 97 ::ng-deep .video-js {
98 width: 100vw; 98 width: 100vw;
99 height: getPlayerHeight(100vw) 99 height: getPlayerHeight(100vw)
100 } 100 }
@@ -344,7 +344,7 @@ $player-factor: 1.7; // 16/9
344 } 344 }
345 } 345 }
346 346
347 /deep/ .other-videos { 347 ::ng-deep .other-videos {
348 padding-left: 15px; 348 padding-left: 15px;
349 flex-basis: $other-videos-width; 349 flex-basis: $other-videos-width;
350 min-width: $other-videos-width; 350 min-width: $other-videos-width;
@@ -456,7 +456,7 @@ my-video-comments {
456 flex-direction: column; 456 flex-direction: column;
457 justify-content: center; 457 justify-content: center;
458 458
459 my-video-watch-playlist /deep/ .playlist { 459 my-video-watch-playlist ::ng-deep .playlist {
460 @include playlist-below-player; 460 @include playlist-below-player;
461 } 461 }
462 } 462 }
@@ -464,10 +464,10 @@ my-video-comments {
464 .video-bottom { 464 .video-bottom {
465 flex-direction: column; 465 flex-direction: column;
466 466
467 /deep/ .other-videos { 467 ::ng-deep .other-videos {
468 padding-left: 0 !important; 468 padding-left: 0 !important;
469 469
470 /deep/ .video-miniature { 470 ::ng-deep .video-miniature {
471 flex-direction: row; 471 flex-direction: row;
472 width: auto; 472 width: auto;
473 } 473 }
@@ -492,7 +492,7 @@ my-video-comments {
492 } 492 }
493 } 493 }
494 494
495 /deep/ .other-videos .video-miniature { 495 ::ng-deep .other-videos .video-miniature {
496 flex-direction: column; 496 flex-direction: column;
497 } 497 }
498 498