Update material to version 15
This commit is contained in:
parent
b3c0557065
commit
633e7b757c
|
@ -55,6 +55,7 @@
|
||||||
font-size: 14px;
|
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-box .mat-chip-list-wrapper,
|
||||||
.input-borderless .mat-chip-list-wrapper {
|
.input-borderless .mat-chip-list-wrapper {
|
||||||
max-height: 150px;
|
max-height: 150px;
|
||||||
|
@ -94,55 +95,62 @@
|
||||||
border: 1px solid #D1D1D1 !important;
|
border: 1px solid #D1D1D1 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-box .mat-select {
|
.input-box .mat-mdc-select {
|
||||||
font-family: "Open Sans", sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-box .mat-select.mat-select-invalid .mat-select-arrow {
|
/* 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 {
|
||||||
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 {
|
.input-box .mat-select-value {
|
||||||
color: currentColor;
|
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 {
|
.input-box .mat-form-field-infix {
|
||||||
border: none !important;
|
border: none !important;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
padding: 0 !important;
|
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 {
|
.input-box .mat-form-field-appearance-legacy .mat-form-field-wrapper {
|
||||||
padding: 0 !important;
|
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 {
|
.input-box .mat-form-field-appearance-legacy .mat-form-field-underline {
|
||||||
display: none;
|
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 {
|
.input-box .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-box .uk-input:disabled,
|
.input-box .uk-input:disabled,
|
||||||
.input-box .uk-textarea: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;
|
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;
|
color: #1a1a1a;
|
||||||
border: 1px solid rgba(26, 26, 26, 0.2);
|
border: 1px solid rgba(26, 26, 26, 0.2);
|
||||||
background: white;
|
background: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-box .mat-chip.mat-standard-chip::after {
|
.input-box .mat-mdc-chip.mat-mdc-standard-chip::after {
|
||||||
background: transparent;
|
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);
|
color: rgba(26, 26, 26, 0.5);
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
|
@ -189,51 +197,57 @@
|
||||||
cursor: text;
|
cursor: text;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-borderless .mat-select {
|
.input-borderless .mat-mdc-select {
|
||||||
font-family: "Open Sans", sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
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-borderless .mat-select-value {
|
.input-borderless .mat-select-value {
|
||||||
color: currentColor;
|
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 {
|
.input-borderless .mat-form-field-infix {
|
||||||
border: none !important;
|
border: none !important;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
padding: 0 !important;
|
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 {
|
.input-borderless .mat-form-field-appearance-legacy .mat-form-field-wrapper {
|
||||||
padding: 0 !important;
|
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 {
|
.input-borderless .mat-form-field-appearance-legacy .mat-form-field-underline {
|
||||||
display: none;
|
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 {
|
.input-box .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-borderless .uk-input:disabled,
|
.input-borderless .uk-input:disabled,
|
||||||
.input-borderless .uk-textarea: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;
|
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;
|
color: #1a1a1a;
|
||||||
border: 1px solid rgba(26, 26, 26, 0.5);
|
border: 1px solid rgba(26, 26, 26, 0.5);
|
||||||
background: white;
|
background: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-borderless .mat-chip.mat-standard-chip::after {
|
.input-borderless .mat-mdc-chip.mat-mdc-standard-chip::after {
|
||||||
background: transparent;
|
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;
|
color: #1a1a1a;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
|
|
|
@ -1,16 +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 {
|
.matSelection .mat-select-value, .matSelection .mat-select-arrow {
|
||||||
color: inherit !important;
|
color: inherit !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.matSelection.mat-select {
|
.matSelection.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-select:focus {
|
.matSelection.mat-mdc-select:focus {
|
||||||
border-color: #222080;
|
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 {
|
.matSelectionFormField .mat-form-field-underline, .matSelectionFormField .mat-form-field-ripple {
|
||||||
height: 0 !important;
|
height: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -21,6 +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-select-value, .portal-box .mat-select-arrow {
|
.portal-box .mat-select-value, .portal-box .mat-select-arrow {
|
||||||
color: var(--portal-main-contrast) !important;
|
color: var(--portal-main-contrast) !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -26,6 +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-select-arrow, search-bar .entitiesSelection .mat-select-value {
|
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