Resolve some material classes regarding mat select

library-css/input.scss

@@ -55,6 +55,7 @@
   font-size: 14px;
 }
 
+/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
 .input-box .mat-chip-list-wrapper,
 .input-borderless .mat-chip-list-wrapper {
   max-height: 150px;
@@ -94,55 +95,56 @@
   border: 1px solid #D1D1D1 !important;
 }
 
-.input-box .mat-select {
+.input-box .mat-mdc-select {
   font-family: "Open Sans", sans-serif;
   font-size: 16px;
 }
 
-.input-box .mat-select.mat-select-invalid .mat-select-arrow {
+.input-box .mat-mdc-select-trigger.mat-select-invalid .mat-mdc-select-arrow {
   color: #1A1A1A !important;
 }
 
-.input-box .mat-select-value {
+/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-  color: currentColor;
-}
-
 .input-box .mat-form-field-infix {
   border: none !important;
   line-height: 30px;
   padding: 0 !important;
 }
 
+/* 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-appearance-legacy .mat-form-field-wrapper {
   padding: 0 !important;
 }
 
+/* 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-appearance-legacy .mat-form-field-underline {
   display: none;
 }
 
+/* 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-appearance-legacy .mat-form-field-subscript-wrapper {
   display: none;
 }
 
 .input-box .uk-input:disabled,
 .input-box .uk-textarea:disabled,
-.input-box .mat-select-disabled .mat-select-value,
+.input-box .mat-mdc-select-disabled .mat-select-value,
-.input-box .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
+.input-box .mat-mdc-form-field .mat-select.mat-select-disabled .mat-select-arrow {
   color: currentColor !important;
 }
 
-.input-box .mat-chip.mat-standard-chip, .mat-chip.mat-standard-chip:hover {
+.input-box .mat-mdc-chip.mat-mdc-standard-chip, .mat-chip.mat-standard-chip:hover {
   color: #1a1a1a;
   border: 1px solid rgba(26, 26, 26, 0.2);
   background: white;
 }
 
-.input-box .mat-chip.mat-standard-chip::after {
+.input-box .mat-mdc-chip.mat-mdc-standard-chip::after {
   background: transparent;
 }
 
-.input-box .mat-chip.mat-standard-chip .mat-chip-remove {
+/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
+.input-box .mat-mdc-chip.mat-mdc-standard-chip .mat-chip-remove {
   color: rgba(26, 26, 26, 0.5);
   width: 20px;
   height: 20px;
@@ -189,51 +191,57 @@
   cursor: text;
 }
 
-.input-borderless .mat-select {
+.input-borderless .mat-mdc-select {
   font-family: "Open Sans", sans-serif;
   font-size: 16px;
 }
 
+/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
 .input-borderless .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-borderless .mat-form-field-infix {
   border: none !important;
   line-height: 30px;
   padding: 0 !important;
 }
 
+/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
 .input-borderless .mat-form-field-appearance-legacy .mat-form-field-wrapper {
   padding: 0 !important;
 }
 
+/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
 .input-borderless .mat-form-field-appearance-legacy .mat-form-field-underline {
   display: none;
 }
 
+/* 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-appearance-legacy .mat-form-field-subscript-wrapper {
   display: none;
 }
 
 .input-borderless .uk-input:disabled,
 .input-borderless .uk-textarea:disabled,
-.input-borderless .mat-select-disabled .mat-select-value,
+.input-borderless .mat-mdc-select-disabled .mat-select-value,
-.input-borderless .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
+.input-borderless .mat-mdc-form-field .mat-select.mat-select-disabled .mat-select-arrow {
   color: currentColor !important;
 }
 
-.input-borderless .mat-chip.mat-standard-chip, .mat-chip.mat-standard-chip:hover {
+.input-borderless .mat-mdc-chip.mat-mdc-standard-chip, .mat-chip.mat-standard-chip:hover {
   color: #1a1a1a;
   border: 1px solid rgba(26, 26, 26, 0.5);
   background: white;
 }
 
-.input-borderless .mat-chip.mat-standard-chip::after {
+.input-borderless .mat-mdc-chip.mat-mdc-standard-chip::after {
   background: transparent;
 }
 
-.input-borderless .mat-chip.mat-standard-chip .mat-chip-remove {
+/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
+.input-borderless .mat-mdc-chip.mat-mdc-standard-chip .mat-chip-remove {
   color: #1a1a1a;
   width: 20px;
   height: 20px;

library-css/material.scss

@@ -1,16 +1,23 @@
-.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-select {
+.mat-mdc-select-trigger.mat-mdc-select {
   padding-bottom: 4px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.42);
 }
 
-.matSelection.mat-select:focus {
+.mat-mdc-select-arrow {
+  width: 20px !important;
+  height: 20px !important;
+}
+
+.mat-mdc-select-trigger.mat-mdc-select:focus {
   border-color: #222080;
 }
 
+/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
 .matSelectionFormField .mat-form-field-underline, .matSelectionFormField .mat-form-field-ripple {
   height: 0 !important;
 }

library-css/portal.scss

@@ -21,7 +21,7 @@
   height: 18px;
 }
 
-.portal-box .mat-select-value, .portal-box .mat-select-arrow {
+.portal-box .mat-mdc-select {
   color: var(--portal-main-contrast) !important;
 }
 

library-css/search-utils.scss

@@ -26,7 +26,7 @@ search-bar .entitiesSelection {
   color: var(--portal-main-color);
 }
 
-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;
 }
 

library.css

@@ -383,25 +383,16 @@ dd:last-child {
 
 }
 
-/* h2, .uk-h2 {
-    font-size: 28px !important;
-} */
-/*body{*/
-/*  !* line-height: 1.4; *!*/
-/*  Font-size:14px;*/
-/*  Color: #333;*/
-/*}*/
-
 #footer\#8 .el-link {
 
     color: #fff;
-    font-weigth: 300;
+    font-weight: 300;
 
 }
 
 .custom-article-title {
     font-size: 32px;
-    Margin-bottom: 10px;
+    margin-bottom: 10px;
     font-family: 'Open Sans', sans-serif;
     color: #1F257B !important;
 }
@@ -1031,17 +1022,6 @@ html {
     text-decoration: underline;
 }
 
-./*zenodoButton, .zenodoButton:hover{
-    background-image:linear-gradient(to right, #0F4DA1, #0078E1) ;
-    color: white !important;
-    border-color: transparent !important;
-    border-style: solid !important;
-    border-width: 1px !important;
-    box-shadow: 0px 4px 10px #00000029;
-    border-radius: 2px;
-    opacity: 1;
-}*/
-
 .uk-text-normal{
     font-weight: 400;
 }