Fixing styles not migrated by material

This commit is contained in:
Vito Albano
2023-12-04 16:39:38 +00:00
committed by VitoAlbano
parent bf0ab660be
commit 30eede38af
18 changed files with 44 additions and 67 deletions

View File

@@ -45,8 +45,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

@@ -129,19 +129,19 @@
padding: 16px 24px;
overflow: hidden;
}
/* 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 {
margin: 0;
& .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. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
& .mat-tab-body-content {
overflow: hidden;
}
/* 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;
@@ -153,9 +153,9 @@
& .mat-ink-bar {
height: 4px;
}
/* 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;
}
}
@@ -226,7 +226,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

@@ -9,7 +9,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

@@ -3,7 +3,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. */
@@ -16,12 +16,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

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

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