Fix: cf query dropdown styling affecting other components (#8095)

diff --git a/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.scss b/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.scss
index a10c4658d9954f8b454b2469e7050614d405c4e1..f38bb400212dce2e7900b0cb1ad76a7e1006dd4f 100644 (file)
--- a/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.scss
+++ b/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.scss
@@ -5,26 +5,26 @@
   }
 }
 
-::ng-deep .ng-select-container {
+:host ::ng-deep .ng-select-container {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
   height: 100% !important;
 }
 
-::ng-deep .rounded-end .ng-select-container {
+:host ::ng-deep .rounded-end .ng-select-container {
   border-top-right-radius: var(--bs-border-radius) !important;
   border-bottom-right-radius: var(--bs-border-radius) !important;
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
 
-::ng-deep .ng-select {
+:host ::ng-deep .ng-select {
   max-width: 100px;
   min-width: 35%;
   font-size: 14px;
 }
 
-::ng-deep .doc-link-select {
+:host ::ng-deep .doc-link-select {
   padding-top: 0 !important;
   border-top-right-radius: var(--bs-border-radius) !important;
   border-bottom-right-radius: var(--bs-border-radius) !important;