MaDgIK
/
openaire-assets
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Resolve some material classes regarding mat select

This commit is contained in:
Konstantinos Triantafyllou 2023-08-24 17:06:37 +03:00
parent 633e7b757c
commit 46709cfb0a
4 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
library-css/input.scss
View File

@ -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;

12
library-css/material.scss
View File

@ -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;
}

3
library-css/portal.scss
View File

@ -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;
}

3
library-css/search-utils.scss
View File

@ -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;
}