aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos
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
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')
-rw-r--r--client/src/app/videos/+video-edit/shared/video-edit.component.scss4
-rw-r--r--client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss4
-rw-r--r--client/src/app/videos/+video-edit/video-add.component.scss4
-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
6 files changed, 17 insertions, 17 deletions
diff --git a/client/src/app/videos/+video-edit/shared/video-edit.component.scss b/client/src/app/videos/+video-edit/shared/video-edit.component.scss
index bb775cb0a..9479c588a 100644
--- a/client/src/app/videos/+video-edit/shared/video-edit.component.scss
+++ b/client/src/app/videos/+video-edit/shared/video-edit.component.scss
@@ -122,7 +122,7 @@ my-peertube-checkbox {
122p-calendar { 122p-calendar {
123 display: block; 123 display: block;
124 124
125 /deep/ { 125 ::ng-deep {
126 input, 126 input,
127 .ui-calendar { 127 .ui-calendar {
128 width: 100%; 128 width: 100%;
@@ -135,7 +135,7 @@ p-calendar {
135 } 135 }
136} 136}
137 137
138/deep/ { 138::ng-deep {
139 .root-tabset > .nav { 139 .root-tabset > .nav {
140 margin-bottom: 15px; 140 margin-bottom: 15px;
141 } 141 }
diff --git a/client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss b/client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss
index 684342f09..b5628e276 100644
--- a/client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss
+++ b/client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss
@@ -25,7 +25,7 @@
25 p-progressBar { 25 p-progressBar {
26 flex-grow: 1; 26 flex-grow: 1;
27 27
28 /deep/ .ui-progressbar { 28 ::ng-deep .ui-progressbar {
29 font-size: 15px !important; 29 font-size: 15px !important;
30 height: 30px !important; 30 height: 30px !important;
31 border-radius: 3px !important; 31 border-radius: 3px !important;
@@ -45,7 +45,7 @@
45 } 45 }
46 46
47 &.processing { 47 &.processing {
48 /deep/ .ui-progressbar-label { 48 ::ng-deep .ui-progressbar-label {
49 // Same color as background to hide "100%" 49 // Same color as background to hide "100%"
50 color: rgba(11, 204, 41, 0.16) !important; 50 color: rgba(11, 204, 41, 0.16) !important;
51 51
diff --git a/client/src/app/videos/+video-edit/video-add.component.scss b/client/src/app/videos/+video-edit/video-add.component.scss
index dd97b79ee..da711ec5b 100644
--- a/client/src/app/videos/+video-edit/video-add.component.scss
+++ b/client/src/app/videos/+video-edit/video-add.component.scss
@@ -5,7 +5,7 @@ $border-width: 3px;
5$border-type: solid; 5$border-type: solid;
6$border-color: #EAEAEA; 6$border-color: #EAEAEA;
7 7
8/deep/ .root-tabset.video-add-tabset { 8::ng-deep .root-tabset.video-add-tabset {
9 &.hide-nav > .nav { 9 &.hide-nav > .nav {
10 display: none !important; 10 display: none !important;
11 } 11 }
@@ -52,4 +52,4 @@ $border-color: #EAEAEA;
52 justify-content: center; 52 justify-content: center;
53 align-items: center; 53 align-items: center;
54 } 54 }
55} \ No newline at end of file 55}
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