From a996b9f0d22ebd4e768a71c650f9d74ee8cbff63 Mon Sep 17 00:00:00 2001
From: Tzahi12345 <tzahi2@hotmail.com>
Date: Sun, 23 Apr 2023 22:31:11 -0400
Subject: [PATCH] ng-deeps now only apply to current component

https://stackoverflow.com/questions/46786986/how-and-where-to-use-ng-deep
---
 .../components/archive-viewer/archive-viewer.component.scss   | 2 +-
 src/app/components/tasks/tasks.component.scss                 | 2 +-
 .../unified-file-card/unified-file-card.component.scss        | 2 +-
 .../arg-modifier-dialog/arg-modifier-dialog.component.scss    | 4 ++--
 src/app/settings/settings.component.scss                      | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/components/archive-viewer/archive-viewer.component.scss b/src/app/components/archive-viewer/archive-viewer.component.scss
index fcc056c..3d1e946 100644
--- a/src/app/components/archive-viewer/archive-viewer.component.scss
+++ b/src/app/components/archive-viewer/archive-viewer.component.scss
@@ -25,7 +25,7 @@
     -webkit-line-clamp: 2;
 }
 
-::ng-deep .ngx-file-drop__content {
+:host ::ng-deep .ngx-file-drop__content {
     width: 100%;
     top: -12px;
     position: relative;
diff --git a/src/app/components/tasks/tasks.component.scss b/src/app/components/tasks/tasks.component.scss
index 46fe007..c850032 100644
--- a/src/app/components/tasks/tasks.component.scss
+++ b/src/app/components/tasks/tasks.component.scss
@@ -31,6 +31,6 @@ mat-header-cell, mat-cell {
     border-radius: 16px 16px 16px 16px !important;
 }
 
-::ng-deep mat-row {
+:host ::ng-deep mat-row {
     height: fit-content !important;
 }
\ No newline at end of file
diff --git a/src/app/components/unified-file-card/unified-file-card.component.scss b/src/app/components/unified-file-card/unified-file-card.component.scss
index c80edc7..880db8b 100644
--- a/src/app/components/unified-file-card/unified-file-card.component.scss
+++ b/src/app/components/unified-file-card/unified-file-card.component.scss
@@ -171,6 +171,6 @@
     
 }
 
-::ng-deep.mat-mdc-menu-panel {
+:host ::ng-deep.mat-mdc-menu-panel {
   max-width: none !important;
 }
\ No newline at end of file
diff --git a/src/app/dialogs/arg-modifier-dialog/arg-modifier-dialog.component.scss b/src/app/dialogs/arg-modifier-dialog/arg-modifier-dialog.component.scss
index 7aef05c..7cbaf6e 100644
--- a/src/app/dialogs/arg-modifier-dialog/arg-modifier-dialog.component.scss
+++ b/src/app/dialogs/arg-modifier-dialog/arg-modifier-dialog.component.scss
@@ -8,10 +8,10 @@
     top: -12px;
 }
 
-::ng-deep.mat-menu-panel {
+:host ::ng-deep.mat-menu-panel {
     max-width: none !important;
 }
 
-::ng-deep.mdc-list-item__primary-text {
+:host ::ng-deep.mdc-list-item__primary-text {
     width: 100%;
 }
\ No newline at end of file
diff --git a/src/app/settings/settings.component.scss b/src/app/settings/settings.component.scss
index cb89de9..9fa05da 100644
--- a/src/app/settings/settings.component.scss
+++ b/src/app/settings/settings.component.scss
@@ -7,7 +7,7 @@
     margin-top: 15px;
 }
 
-::ng-deep .mat-mdc-tab-body {
+:host ::ng-deep .mat-mdc-tab-body {
     margin-left: 15px;
 }