From e7a4bf386f6e63782bbcfcaa6df50811a2a70a18 Mon Sep 17 00:00:00 2001
From: jacekpluta <73617938+jacekpluta@users.noreply.github.com>
Date: Mon, 29 Apr 2024 14:02:38 +0200
Subject: [PATCH] [ACS-7533] - Advanced search chips dropdowns (#3821)

---
 .../search-results.component.scss             |  7 ++--
 projects/aca-content/src/lib/ui/theme.scss    | 41 ++++++++++++++++++-
 2 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/projects/aca-content/src/lib/components/search/search-results/search-results.component.scss b/projects/aca-content/src/lib/components/search/search-results/search-results.component.scss
index c55d0d09b..9a4e8ced5 100644
--- a/projects/aca-content/src/lib/components/search/search-results/search-results.component.scss
+++ b/projects/aca-content/src/lib/components/search/search-results/search-results.component.scss
@@ -32,8 +32,8 @@ aca-search-results {
       .aca-content__advanced-filters {
         /* stylelint-disable-next-line */
         .mat-mdc-chip-action {
-          padding-left: 10px;
-          padding-right: 10px;
+          padding-left: 12px;
+          padding-right: 12px;
         }
 
         /* stylelint-disable-next-line */
@@ -47,7 +47,8 @@ aca-search-results {
           background-color: var(--theme-dropdown-color);
           color: var(--theme-selected-text-color);
           height: 32px;
-          margin-top: 0;
+          margin-top: 4px;
+          margin-bottom: 4px;
           box-sizing: border-box;
 
           &:hover,
diff --git a/projects/aca-content/src/lib/ui/theme.scss b/projects/aca-content/src/lib/ui/theme.scss
index bbc0a9b91..9007e9b2d 100644
--- a/projects/aca-content/src/lib/ui/theme.scss
+++ b/projects/aca-content/src/lib/ui/theme.scss
@@ -259,8 +259,20 @@ mat-snack-bar-container {
   padding-left: 3px;
 }
 
+.mdc-tab__ripple {
+  display: none;
+}
+
+.mat-mdc-form-field-infix {
+  min-height: unset;
+}
+
+.mat-mdc-tab-labels {
+  border-bottom: 1px solid var(--adf-theme-foreground-text-color-014);
+}
+
 .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
-  color: unset;
+  color: var(--theme-sidenav-active-text-color);
 }
 
 adf-dynamic-component {
@@ -273,3 +285,30 @@ adf-dynamic-component {
 .mat-mdc-menu-submenu-icon {
   color: var(--theme-text-color);
 }
+
+.mdc-notched-outline__trailing,
+.mdc-notched-outline__notch,
+.mdc-notched-outline__leading  {
+  border-color: var(--adf-theme-foreground-text-color-014);
+}
+
+.mdc-menu-surface.mat-mdc-autocomplete-panel:is(div) {
+  padding: 0;
+
+  span {
+    font-size: 16px;
+  }
+}
+
+.mdc-list-item.mdc-list-item--disabled {
+  .mdc-list-item__primary-text:is(div) {
+    color: unset;
+  }
+}
+
+.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header {
+  .mat-mdc-tab:is(div) {
+    flex-grow: unset;
+    min-width: 160px;
+  }
+}