From 46709cfb0a84a1e715a3c5886500e5ac6868fb39 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Thu, 24 Aug 2023 17:06:37 +0300
Subject: [PATCH] Resolve some material classes regarding mat select

---
 library-css/input.scss        |  8 +-------
 library-css/material.scss     | 12 ++++++++----
 library-css/portal.scss       |  3 +--
 library-css/search-utils.scss |  3 +--
 4 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/library-css/input.scss b/library-css/input.scss
index 802a7fb..aa9c557 100644
--- a/library-css/input.scss
+++ b/library-css/input.scss
@@ -100,16 +100,10 @@
   font-size: 16px;
 }
 
-/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
-.input-box .mat-mdc-select.mat-select-invalid .mat-select-arrow {
+.input-box .mat-mdc-select-trigger.mat-select-invalid .mat-mdc-select-arrow {
   color: #1A1A1A !important;
 }
 
-/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
-.input-box .mat-select-value {
-  color: currentColor;
-}
-
 /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
 .input-box .mat-form-field-infix {
   border: none !important;
diff --git a/library-css/material.scss b/library-css/material.scss
index 6dad4bd..6bfcdd0 100644
--- a/library-css/material.scss
+++ b/library-css/material.scss
@@ -1,15 +1,19 @@
 
-/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
-.matSelection .mat-select-value, .matSelection .mat-select-arrow {
+.mat-mdc-select-trigger .mat-mdc-select-value-text, .mat-mdc-select-trigger .mat-mdc-select-arrow {
   color: inherit !important;
 }
 
-.matSelection.mat-mdc-select {
+.mat-mdc-select-trigger.mat-mdc-select {
   padding-bottom: 4px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.42);
 }
 
-.matSelection.mat-mdc-select:focus {
+.mat-mdc-select-arrow {
+  width: 20px !important;
+  height: 20px !important;
+}
+
+.mat-mdc-select-trigger.mat-mdc-select:focus {
   border-color: #222080;
 }
 
diff --git a/library-css/portal.scss b/library-css/portal.scss
index e2f108d..b50ba7a 100644
--- a/library-css/portal.scss
+++ b/library-css/portal.scss
@@ -21,8 +21,7 @@
   height: 18px;
 }
 
-/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
-.portal-box .mat-select-value, .portal-box .mat-select-arrow {
+.portal-box .mat-mdc-select {
   color: var(--portal-main-contrast) !important;
 }
 
diff --git a/library-css/search-utils.scss b/library-css/search-utils.scss
index effe55f..16e927c 100644
--- a/library-css/search-utils.scss
+++ b/library-css/search-utils.scss
@@ -26,8 +26,7 @@ search-bar .entitiesSelection {
   color: var(--portal-main-color);
 }
 
-/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
-search-bar .entitiesSelection span, search-bar .entitiesSelection div, search-bar .entitiesSelection .mat-select-arrow, search-bar .entitiesSelection .mat-select-value {
+search-bar .entitiesSelection span, search-bar .entitiesSelection div, search-bar .entitiesSelection .mat-mdc-select-arrow, search-bar .entitiesSelection .mat-mdc-select-value-text {
   color: var(--portal-main-color) !important;
 }