From 533afc1df2927ef5941a9e7bca7b7336738c4246 Mon Sep 17 00:00:00 2001
From: VitoAlbano <vito.albano.123@gmail.com>
Date: Tue, 30 Apr 2024 11:54:44 +0100
Subject: [PATCH] Rebased to the latest

---
 .../search-date-range.component.scss          |  2 +-
 .../search-facet-chip-tabbed.component.scss   |  2 +-
 .../search-properties.component.scss          | 84 +++++++++----------
 3 files changed, 42 insertions(+), 46 deletions(-)

diff --git a/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.scss b/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.scss
index f45a2e9560..4e43f9271e 100644
--- a/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.scss
+++ b/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.scss
@@ -40,7 +40,7 @@ adf-search-date-range {
 
                 #{$mat-form-field-flex} {
                     #{$mat-form-field-infix} {
-                        padding: 0.375em 0 4px 0;
+                        padding: 0.375em 0 4px;
                     }
                 }
             }
diff --git a/lib/content-services/src/lib/search/components/search-filter-chips/search-facet-chip-tabbed/search-facet-chip-tabbed.component.scss b/lib/content-services/src/lib/search/components/search-filter-chips/search-facet-chip-tabbed/search-facet-chip-tabbed.component.scss
index 6ff9bb45d2..c62c84c424 100644
--- a/lib/content-services/src/lib/search/components/search-filter-chips/search-facet-chip-tabbed/search-facet-chip-tabbed.component.scss
+++ b/lib/content-services/src/lib/search/components/search-filter-chips/search-facet-chip-tabbed/search-facet-chip-tabbed.component.scss
@@ -16,6 +16,6 @@ adf-search-facet-chip-tabbed {
     }
 }
 
-.adf-search-widget-extra-width.mat-mdc-menu-panel {
+.adf-search-widget-extra-width#{$mat-menu-panel} {
     max-width: 500px;
 }
diff --git a/lib/content-services/src/lib/search/components/search-properties/search-properties.component.scss b/lib/content-services/src/lib/search/components/search-properties/search-properties.component.scss
index 307e3929b8..4cc4126ba7 100644
--- a/lib/content-services/src/lib/search/components/search-properties/search-properties.component.scss
+++ b/lib/content-services/src/lib/search/components/search-properties/search-properties.component.scss
@@ -20,6 +20,7 @@ adf-search-properties {
             #{$mat-form-field-infix} {
                 height: 37.5px;
                 min-height: 37.5px;
+                display: inline-block;
             }
 
             #{$mat-select-trigger} {
@@ -36,10 +37,6 @@ adf-search-properties {
                 }
             }
 
-            #{$mat-form-field-infix} {
-                display: inline-block;
-            }
-
             #{$mat-select-arrow} {
                 margin-left: 5px;
             }
@@ -50,17 +47,53 @@ adf-search-properties {
         }
 
         adf-search-chip-autocomplete-input {
+            display: block;
+
+            #{$mat-text-field-outlined} {
+                &-start,
+                &-end {
+                    border-top: 1px solid var(--adf-theme-mat-grey-color-a400);
+                    border-bottom: 1px solid var(--adf-theme-mat-grey-color-a400);
+                }
+
+                &-start {
+                    border-left: 1px solid var(--adf-theme-mat-grey-color-a400);
+                }
+
+                &-end {
+                    border-right: 1px solid var(--adf-theme-mat-grey-color-a400);
+                }
+            }
+
+            #{$mat-focused} {
+                #{$mat-text-field-outlined} {
+                    outline: 2px auto -webkit-focus-ring-color;
+                }
+            }
+
+            #{$mat-form-field-appearance-outline} {
+                #{$mat-text-field-outlined-thick} {
+                    #{$mat-text-field-outlined} {
+                        &-start,
+                        &-end {
+                            border-width: 1px;
+                        }
+                    }
+                }
+            }
+
             #{$mat-notched-outline-leading} {
-                border-color: var(--adf-theme-foreground-text-color-027) !important;
+                border-color: var(--adf-theme-foreground-text-color-027);
             }
 
             #{$mat-notched-outline-trailing} {
-                border-color: var(--adf-theme-foreground-text-color-027) !important;
+                border-color: var(--adf-theme-foreground-text-color-027);
             }
         }
     }
 
-    input, .mat-form-field-infix.mat-form-field-infix {
+    input,
+    .mat-form-field-infix.mat-form-field-infix {
         height: 25px;
         border: 1px solid var(--adf-theme-mat-grey-color-a400);
         border-radius: 5px;
@@ -91,43 +124,6 @@ adf-search-properties {
         width: 78px;
     }
 
-    adf-search-chip-autocomplete-input {
-        display: block;
-
-        #{$mat-text-field-outlined} {
-            &-start,
-            &-end {
-                border-top: 1px solid var(--adf-theme-mat-grey-color-a400);
-                border-bottom: 1px solid var(--adf-theme-mat-grey-color-a400);
-            }
-
-            &-start {
-                border-left: 1px solid var(--adf-theme-mat-grey-color-a400);
-            }
-
-            &-end {
-                border-right: 1px solid var(--adf-theme-mat-grey-color-a400);
-            }
-        }
-
-        #{$mat-focused} {
-            #{$mat-text-field-outlined} {
-                outline: 2px auto -webkit-focus-ring-color;
-            }
-        }
-
-        #{$mat-form-field-appearance-outline} {
-            #{$mat-text-field-outlined-thick} {
-                #{$mat-text-field-outlined} {
-                    &-start,
-                    &-end {
-                        border-width: 1px;
-                    }
-                }
-            }
-        }
-    }
-
     .adf-search-properties-file-type-label {
         margin-top: 10px;
         margin-bottom: 6px;