Fixing styles not migrated by material

This commit is contained in:
Vito Albano
2023-12-04 16:39:38 +00:00
parent c401611792
commit 4dfcd7bff1
43 changed files with 97 additions and 200 deletions

View File

@@ -46,8 +46,7 @@
}
}
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-infix {
display: flex;
.mat-mdc-form-field-infix {
border-top-width: 0;
padding: 0;
}

View File

@@ -714,7 +714,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
/* [Accessibility] Material checkbox labels */
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
.adf-checkbox-sr-only .mat-checkbox-label {
.adf-checkbox-sr-only .mat-mdc-checkbox label {
position: absolute;
width: 1px;
height: 1px;

View File

@@ -124,7 +124,7 @@
}
/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */
& .mat-card-header-text {
& .mat-mdc-card-header-text {
margin: 0 !important;
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
@@ -134,7 +134,7 @@
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
& .mat-tab-label {
& .mdc-tab__text-label {
font-size: var(--theme-subheading-2-font-size);
line-height: var(--theme-headline-line-height);
letter-spacing: -0.4px;
@@ -148,7 +148,7 @@
}
/* 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. */
& .mat-form-field-wrapper {
& .mat-mdc-text-field-wrapper {
margin: 0 12px 0 0;
}
}
@@ -218,7 +218,7 @@
}
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
& .mat-button-wrapper {
& .mdc-button__label {
width: 58px;
height: 20px;
opacity: 0.54;

View File

@@ -8,7 +8,7 @@ $adf-inplace-input-padding: 7px;
}
/* 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. */
.mat-form-field-infix {
.mat-mdc-form-field-infix {
display: flex;
border-top: 0;
}

View File

@@ -2,7 +2,7 @@
&-date-time-widget {
/* 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. */
.mat-form-field-suffix {
.mat-mdc-form-field-text-suffix {
top: 26px;
}
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
@@ -15,12 +15,12 @@
&-left-label-input-datepicker {
/* 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. */
.mat-form-field-suffix {
.mat-mdc-form-field-text-suffix {
top: 0;
}
/* 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. */
.mat-form-field-infix {
.mat-mdc-form-field-infix {
width: 100%;
}
}

View File

@@ -36,7 +36,7 @@ ul > li > form-field > .adf-focus {
&-invalid {
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
.mat-checkbox-layout {
.mat-mdc-checkbox {
padding-bottom: 12px;
}
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */

View File

@@ -49,9 +49,8 @@
width: 100%;
min-width: 250px;
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
&-userinfo-tab .mat-tab-label {
&-userinfo-tab .mdc-tab__text-label {
flex: auto;
font-weight: 500;
font-size: var(--theme-body-1-font-size);
@@ -104,9 +103,8 @@
border: 0;
vertical-align: middle;
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
&-hide-tab .mat-tab-label-active {
&-hide-tab .mdc-tab__text-label-active {
display: none;
}
}

View File

@@ -16,10 +16,9 @@ $adf-info-drawer-icon-size-half: 24px !default;
width: 100%;
background-color: var(--theme-card-background-color);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
& .mat-tab-label {
height: 32px;
& .mdc-tab__text-label {
font-weight: bold;
text-align: left;
opacity: 1;
}
@@ -68,7 +67,7 @@ $adf-info-drawer-icon-size-half: 24px !default;
> *:last-child {
margin-bottom: 0;
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.adf-info-drawer-tabs .mat-tab-body-content {
.adf-manage-versions-empty,

View File

@@ -6,7 +6,7 @@
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mat-tab-label {
.mdc-tab__text-label {
min-width: 0;
}
@@ -43,7 +43,7 @@
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mat-tab-label {
.mdc-tab__text-label {
flex-grow: 1;
.mat-icon + span {

View File

@@ -94,9 +94,8 @@
.adf-error-message .adf-error-icon {
margin-right: 10px;
}
/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
.mat-card-header-text {
.mat-mdc-card-header-text {
margin: 0 auto;
}
@@ -120,9 +119,8 @@
line-height: normal;
box-shadow: none;
}
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
.adf-login-button .mat-button-wrapper {
.adf-login-button .mdc-button__label {
display: inline-flex;
}
@@ -200,9 +198,8 @@
.mat-mdc-form-field .adf-login-password-icon.mat-icon {
color: var(--adf-theme-foreground-text-color);
}
/* 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.*/
.adf-login__field .mat-form-field-wrapper {
.adf-login__field .mat-mdc-text-field-wrapper {
margin: 1em 0 0;
font-size: var(--theme-subheading-2-font-size);
}
@@ -235,9 +232,8 @@
.adf-login__remember-me {
padding-top: 22px;
}
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/
.adf-login__remember-me .mat-checkbox-label {
.adf-login__remember-me .mat-mdc-checkbox label {
opacity: 0.87;
}

View File

@@ -28,7 +28,7 @@
background-color: var(--adf-theme-primary-50);
/* 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. */
.mat-form-field-ripple {
.mdc-line-ripple {
background-color: var(--adf-theme-primary-50);
}
}