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 6ad835a9cb
commit adde65c6ce
18 changed files with 44 additions and 67 deletions

View File

@ -48,7 +48,6 @@ h2.adf-search-results-label {
}
.adf-site-dropdown-container {
.adf-sites-dropdown-form-field {
display: block;
margin-bottom: 15px;
}

View File

@ -1,11 +1,10 @@
adf-search-chip-autocomplete-input {
.adf-chip-list {
width: 100%;
/* stylelint-disable-next-line */
.mat-form-field-infix {
border: none;
}
.mat-mdc-form-field-infix {
border: none;
}
.adf-autocomplete-added-option-chips.adf-option-chips {

View File

@ -19,26 +19,19 @@ adf-search-properties {
.adf-search-properties-file-size-operator,
.adf-search-properties-file-size-unit {
/* 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 {
border: 1px solid var(--adf-theme-mat-grey-color-a400);
border-radius: 5px;
padding: 9px;
}
&.mat-focused {
/* 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 {
outline: 2px auto -webkit-focus-ring-color;
}
}
}
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-underline {
display: none;
}
.adf-search-properties-file-size-unit {
width: 78px;
}
@ -46,12 +39,8 @@ adf-search-properties {
adf-search-chip-autocomplete-input {
display: block;
/* 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-outline {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-outline {
.mdc-text-field--outlined {
.mdc-text-field--outlined {
&-start,
&-end {
border-top: 1px solid var(--adf-theme-mat-grey-color-a400);
@ -69,19 +58,14 @@ adf-search-properties {
}
.mat-focused {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-outline {
.mdc-text-field--outlined {
outline: 2px auto -webkit-focus-ring-color;
}
}
.mat-form-field-appearance-outline {
/* 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-outline-thick {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-outline {
.mdc-text-field--outlined-thick {
.mdc-text-field--outlined {
&-start,
&-end {
border-width: 1px;

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

View File

@ -1,8 +1,7 @@
.adf {
&-date-widget {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* stylelint-disable-next-line */
.mat-form-field-suffix {
.mat-mdc-form-field-text-suffix {
top: 26px;
}
@ -13,14 +12,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. */
/* stylelint-disable-next-line */
.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. */
/* stylelint-disable-next-line */
.mat-form-field-infix {
.mat-mdc-form-field-infix {
width: 100%;
}
}

View File

@ -39,7 +39,7 @@
&-attach-widget-repo-button {
padding-left: 10px;
/* 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 {
display: inline;
}
@ -70,13 +70,13 @@
margin-bottom: 0;
}
/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
.mat-list-text {
.mdc-list-item__primary-text {
max-width: 200px;
}
@include layout-bp(lt-md) {
/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
.mat-list-text {
.mdc-list-item__primary-text {
max-width: 150px;
}
}

View File

@ -63,7 +63,7 @@
min-width: 250px;
}
/* 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);

View File

@ -95,7 +95,7 @@ adf-start-task {
.adf {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
&-start-task-input-container .mat-form-field-wrapper {
&-start-task-input-container .mat-mdc-text-field-wrapper {
padding-top: 8px;
}

View File

@ -88,7 +88,7 @@ adf-task-details {
}
}
/* 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;
}
}

View File

@ -13,7 +13,7 @@
border-radius: 5px;
}
/* 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

@ -41,12 +41,12 @@
display: flex;
justify-content: space-between;
& .mat-button {
& .mat-mdc-button {
text-transform: uppercase;
border-radius: 5px;
}
& .mat-button-wrapper {
& .mdc-button__label {
opacity: 0.54;
font-size: var(--theme-button-font-size);
font-weight: bold;