Resolve some material classes regarding mat select
This commit is contained in:
parent
633e7b757c
commit
46709cfb0a
|
@ -100,16 +100,10 @@
|
||||||
font-size: 16px;
|
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-trigger.mat-select-invalid .mat-mdc-select-arrow {
|
||||||
.input-box .mat-mdc-select.mat-select-invalid .mat-select-arrow {
|
|
||||||
color: #1A1A1A !important;
|
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. */
|
/* 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 {
|
.input-box .mat-form-field-infix {
|
||||||
border: none !important;
|
border: none !important;
|
||||||
|
|
|
@ -1,15 +1,19 @@
|
||||||
|
|
||||||
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
|
.mat-mdc-select-trigger .mat-mdc-select-value-text, .mat-mdc-select-trigger .mat-mdc-select-arrow {
|
||||||
.matSelection .mat-select-value, .matSelection .mat-select-arrow {
|
|
||||||
color: inherit !important;
|
color: inherit !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.matSelection.mat-mdc-select {
|
.mat-mdc-select-trigger.mat-mdc-select {
|
||||||
padding-bottom: 4px;
|
padding-bottom: 4px;
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, 0.42);
|
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;
|
border-color: #222080;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -21,8 +21,7 @@
|
||||||
height: 18px;
|
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-mdc-select {
|
||||||
.portal-box .mat-select-value, .portal-box .mat-select-arrow {
|
|
||||||
color: var(--portal-main-contrast) !important;
|
color: var(--portal-main-contrast) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -26,8 +26,7 @@ search-bar .entitiesSelection {
|
||||||
color: var(--portal-main-color);
|
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-mdc-select-arrow, search-bar .entitiesSelection .mat-mdc-select-value-text {
|
||||||
search-bar .entitiesSelection span, search-bar .entitiesSelection div, search-bar .entitiesSelection .mat-select-arrow, search-bar .entitiesSelection .mat-select-value {
|
|
||||||
color: var(--portal-main-color) !important;
|
color: var(--portal-main-color) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue