Use ::ng-deep instead of /deep/

2 files changed, 5 insertions, 5 deletions

diff --git a/client/src/app/shared/video/video-actions-dropdown.component.scss b/client/src/app/shared/video/video-actions-dropdown.component.scss
index 7ffdce822..67d7ee86a 100644
--- a/client/src/app/shared/video/video-actions-dropdown.component.scss
+++ b/client/src/app/shared/video/video-actions-dropdown.component.scss
@@ -7,6 +7,6 @@
   }
 }
 
-/deep/ .icon-playlist-add {
+::ng-deep .icon-playlist-add {
   left: 2px;
 }
diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss
index d665ce021..dac178bde 100644
--- a/client/src/app/shared/video/video-miniature.component.scss
+++ b/client/src/app/shared/video/video-miniature.component.scss
@@ -68,16 +68,16 @@ $more-margin-right: 10px;
       width: $more-button-width;
       height: 30px;
 
-      /deep/ .dropdown-root:not(.show) {
+      ::ng-deep .dropdown-root:not(.show) {
         opacity: 0;
       }
 
-      /deep/ .playlist-dropdown.show + my-action-dropdown .dropdown-root {
+      ::ng-deep .playlist-dropdown.show + my-action-dropdown .dropdown-root {
         opacity: 1;
       }
     }
 
-    &:hover .video-actions /deep/ .dropdown-root {
+    &:hover .video-actions ::ng-deep .dropdown-root {
       opacity: 1;
     }
 
@@ -90,7 +90,7 @@ $more-margin-right: 10px;
         margin: 0;
         top: -3px;
 
-        /deep/ .dropdown-root {
+        ::ng-deep .dropdown-root {
           opacity: 1 !important;
         }
       }