inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixing styles not migrated by material

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

10
lib/content-services/src/lib/category/categories-management/categories-management.component.scss
View File

@@ -47,18 +47,16 @@
padding: 5px 0; padding: 5px 0;
font-size: 14px; font-size: 14px;
/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ &.mdc-list-item--disabled {
&.mat-list-item-disabled {
background-color: inherit; background-color: inherit;
color: inherit; color: inherit;
} }
/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ .mdc-list-item__content,
.mat-list-item-content, .mdc-list-item__content-reverse {
.mat-list-item-content-reverse {
padding: 0; padding: 0;
.mat-pseudo-checkbox { .mdc-checkbox {
display: none; display: none;
} }
} }

6
lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.scss
View File

@@ -48,8 +48,7 @@ h2.adf-search-results-label {
} }
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mdc-line-ripple {
.mat-form-field-underline .mat-form-field-ripple {
height: 1px; height: 1px;
transition: none; transition: none;
} }
@@ -65,8 +64,7 @@ h2.adf-search-results-label {
width: 100%; width: 100%;
margin-bottom: 0; margin-bottom: 0;
/* 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-select-trigger {
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
} }
} }

23
lib/content-services/src/lib/content-node-share/content-node-share.dialog.scss
View File

@@ -110,8 +110,7 @@
margin-left: 8px; margin-left: 8px;
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-mdc-form-field-infix {
.mat-form-field-infix {
border-top: unset; border-top: unset;
} }
@@ -127,8 +126,7 @@
} }
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-mdc-form-field-flex {
.mat-form-field-flex {
align-items: center; align-items: center;
} }
@@ -136,18 +134,6 @@
padding: 0; padding: 0;
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-appearance-legacy .mat-form-field-underline {
display: none;
}
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 8px;
margin-right: 8px;
margin-left: 8px;
}
@media screen and (max-width: 380px) { @media screen and (max-width: 380px) {
.mat-mdc-dialog-container { .mat-mdc-dialog-container {
padding: 0 15px; padding: 0 15px;
@@ -157,10 +143,5 @@
margin-bottom: 0; margin-bottom: 0;
padding: 2px 0; padding: 2px 0;
} }
/* 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 {
padding-left: 8px;
}
} }
} }

6
lib/content-services/src/lib/content-user-info/content-user-info.component.scss
View File

@@ -63,8 +63,7 @@
min-width: 250px; 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 .mdc-tab__text-label {
&-userinfo-tab .mat-tab-label {
flex: auto; flex: auto;
font-weight: 500; font-weight: 500;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
@@ -148,8 +147,7 @@
text-align: left; text-align: left;
} }
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ &-hide-tab .mdc-tab-indicator--active {
&-hide-tab .mat-tab-label-active {
display: none !important; display: none !important;
} }
} }

3
lib/content-services/src/lib/dialogs/confirm.dialog.scss
View File

@@ -2,7 +2,6 @@
flex: 1 1 auto; flex: 1 1 auto;
} }
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ .adf-confirm-dialog .mat-mdc-dialog-actions .mdc-button__label {
.adf-confirm-dialog .mat-dialog-actions .mat-button-wrapper {
text-transform: uppercase; text-transform: uppercase;
} }

3
lib/content-services/src/lib/dialogs/download-zip/download-zip.dialog.scss
View File

@@ -1,4 +1,3 @@
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ .adf-download-zip-dialog .mat-mdc-dialog-actions .mdc-button__label {
.adf-download-zip-dialog .mat-dialog-actions .mat-button-wrapper {
text-transform: uppercase; text-transform: uppercase;
} }

9
lib/content-services/src/lib/dialogs/folder.dialog.scss
View File

@@ -7,19 +7,16 @@
} }
.adf-lock-file-name { .adf-lock-file-name {
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */ .mat-mdc-checkbox {
.mat-checkbox-layout {
width: 100%; width: 100%;
} }
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */ .mat-mdc-checkbox label {
.mat-checkbox-label {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */ .mdc-checkbox {
.mat-checkbox-inner-container {
margin: auto 8px auto 0; margin: auto 8px auto 0;
} }
} }

7
lib/content-services/src/lib/new-version-uploader/new-version-uploader.dialog.scss
View File

@@ -60,13 +60,6 @@
} }
} }
/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.
*/
.mat-list-item-content {
padding: 0;
margin: 0 16px;
}
.adf-version-list-container { .adf-version-list-container {
.adf-version-list { .adf-version-list {
height: 250px; height: 250px;

3
lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-dialog.component.scss
View File

@@ -58,8 +58,7 @@
&-search-user-button { &-search-user-button {
width: 100%; width: 100%;
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ .mdc-button__label {
.mat-button-wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
} }

3
lib/content-services/src/lib/permission-manager/components/permission-list/permission-list.component.scss
View File

@@ -51,8 +51,7 @@
position: relative; position: relative;
height: 40px; height: 40px;
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-mdc-form-field-infix {
.mat-form-field-infix {
border: none; border: none;
} }
} }

6
lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.scss
View File

@@ -7,15 +7,13 @@
display: block; display: block;
} }
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */ .mat-mdc-checkbox label {
.mat-checkbox-label {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
} }
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */ .mat-mdc-checkbox {
.mat-checkbox-layout {
width: 100%; width: 100%;
} }

18
lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss
View File

@@ -3,13 +3,11 @@ adf-search-chip-autocomplete-input {
width: 100%; width: 100%;
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-form-field-appearance-outline .mdc-text-field--outlined {
.mat-form-field-appearance-outline .mat-form-field-outline {
top: 0; top: 0;
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-mdc-form-field-infix {
.mat-form-field-infix {
border: none; border: none;
} }
@@ -21,8 +19,7 @@ adf-search-chip-autocomplete-input {
word-break: break-word; word-break: break-word;
} }
/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */ .mat-mdc-chip-remove.adf-option-chips-delete-button {
.mat-chip-remove.adf-option-chips-delete-button {
font-size: 13px; font-size: 13px;
height: 13px; height: 13px;
width: 13px; width: 13px;
@@ -34,19 +31,16 @@ adf-search-chip-autocomplete-input {
} }
} }
/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */ .mdc-evolution-chip-set__chips {
.mat-chip-list-wrapper {
min-height: 40px; min-height: 40px;
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-mdc-text-field-wrapper {
.mat-form-field-wrapper {
padding: 0; padding: 0;
} }
} }
/* TODO(mdc-migration): The following rule targets internal classes of tooltip that may no longer apply for the MDC version. */ .mat-mdc-tooltip-hide {
.mat-tooltip-hide {
display: none; display: none;
} }

3
lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.scss
View File

@@ -2,8 +2,7 @@
color: var(--theme-accent-color-default-contrast); color: var(--theme-accent-color-default-contrast);
background-color: var(--theme-accent-color); background-color: var(--theme-accent-color);
/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */ .mat-mdc-chip-remove {
.mat-chip-remove {
color: var(--theme-accent-color-default-contrast); color: var(--theme-accent-color-default-contrast);
opacity: 1; opacity: 1;
} }

29
lib/content-services/src/lib/search/components/search-facet-field/search-facet-field.component.scss
View File

@@ -7,15 +7,14 @@
padding: 5px 0; padding: 5px 0;
overflow-y: auto; overflow-y: auto;
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */ .mat-mdc-checkbox label {
.mat-checkbox-label {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
font-weight: bold;
} }
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */ .mat-mdc-checkbox {
.mat-checkbox-layout {
width: 100%; width: 100%;
} }
@@ -24,15 +23,6 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
} }
.mat-mdc-checkbox {
margin: 5px;
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
&.mat-checkbox-checked .mat-checkbox-label {
font-weight: bold;
}
}
} }
.adf-facet-result-filter { .adf-facet-result-filter {
@@ -61,13 +51,7 @@
line-height: 24px; line-height: 24px;
letter-spacing: 0.25px; letter-spacing: 0.25px;
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-mdc-form-field-text-suffix {
.mat-form-field-underline {
display: none;
}
/* 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 {
padding-right: 1px; padding-right: 1px;
} }
} }
@@ -86,9 +70,8 @@
} }
} }
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */ .mat-mdc-checkbox label,
.mat-checkbox-label, .mat-mdc-radio-button label {
.mat-radio-label {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-color-054);
} }
} }

1
lib/content-services/src/lib/search/components/search-filter-chips/search-facet-chip-tabbed/search-facet-chip-tabbed.component.scss
View File

@@ -11,7 +11,6 @@ adf-search-facet-chip-tabbed {
} }
adf-search-filter-tabbed { adf-search-filter-tabbed {
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mat-mdc-tab-body-content { .mat-mdc-tab-body-content {
margin-top: 16px; margin-top: 16px;
} }

3
lib/content-services/src/lib/search/components/search-filter-chips/search-filter-chips.component.scss
View File

@@ -19,8 +19,7 @@
color: unset; color: unset;
} }
/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */ &.mdc-evolution-chip-set__chips {
&.mat-chip-list-wrapper {
margin: 4px 6px; margin: 4px 6px;
} }
} }

14
lib/content-services/src/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.scss
View File

@@ -1,23 +1,15 @@
adf-search-filter-tabbed { adf-search-filter-tabbed {
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ .mdc-tab__text-label {
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mat-tab-label {
flex: 1; flex: 1;
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ &.mdc-tab__text-label-active {
&.mat-tab-label-active {
border-bottom: 2px solid var(--theme-primary-color); border-bottom: 2px solid var(--theme-primary-color);
} }
} }
// The important tag is used here as a workaround for a bug in angular material, when MatTabs are used in conjunction with MatMenu
// https://github.com/angular/components/issues/27426
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mat-mdc-tab-body.mat-tab-body-active .mat-tab-body-content { .mat-mdc-tab-body.mat-tab-body-active .mat-tab-body-content {
display: block; display: block;
visibility: visible !important; visibility: visible;
} }
.mat-ink-bar { .mat-ink-bar {

5
lib/content-services/src/lib/search/components/search-filter/search-filter.component.scss
View File

@@ -4,9 +4,8 @@
color: var(--adf-theme-foreground-text-color-087); color: var(--adf-theme-foreground-text-color-087);
} }
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */ .mat-mdc-checkbox label,
.mat-checkbox-label, .mat-mdc-radio-button label {
.mat-radio-label {
color: var(--adf-theme-foreground-text-color-054); color: var(--adf-theme-foreground-text-color-054);
} }
} }

3
lib/content-services/src/lib/search/components/search-form/search-form.component.scss
View File

@@ -8,8 +8,7 @@
align-content: center; align-content: center;
overflow: hidden; overflow: hidden;
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ .mdc-button__label {
.mat-button-wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
} }

30
lib/content-services/src/lib/search/components/search-properties/search-properties.component.scss
View File

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

6
lib/content-services/src/lib/search/components/search-radio/search-radio.component.scss
View File

@@ -9,15 +9,13 @@
} }
.adf-facet-filter { .adf-facet-filter {
/* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */ .mat-mdc-radio-button label-content {
.mat-radio-label-content {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
} }
/* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */ .mat-mdc-radio-button label {
.mat-radio-label {
width: 100%; width: 100%;
} }

3
lib/core/src/lib/card-view/components/card-view/card-view.component.scss
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. */ /* 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-width: 0; border-top-width: 0;
padding: 0; padding: 0;
} }

2
lib/core/src/lib/datatable/components/datatable/datatable.component.scss
View File

@@ -714,7 +714,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
/* [Accessibility] Material checkbox labels */ /* [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. */
/* 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; position: absolute;
width: 1px; width: 1px;
height: 1px; height: 1px;

8
lib/core/src/lib/form/components/form-renderer.component.scss
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. */
/* 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; 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. */
@@ -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. */
/* 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); font-size: var(--theme-subheading-2-font-size);
line-height: var(--theme-headline-line-height); line-height: var(--theme-headline-line-height);
letter-spacing: -0.4px; 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. */
/* 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; 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. */
/* 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; width: 58px;
height: 20px; height: 20px;
opacity: 0.54; opacity: 0.54;

2
lib/core/src/lib/form/components/inplace-form-input/inplace-form-input.component.scss
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. */
/* 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; display: flex;
border-top: 0; border-top: 0;
} }

6
lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss
View File

@@ -2,7 +2,7 @@
&-date-time-widget { &-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. */
/* 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; top: 26px;
} }
/* 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. */
@@ -15,12 +15,12 @@
&-left-label-input-datepicker { &-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. */
/* 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; 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. */
/* 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%; width: 100%;
} }
} }

2
lib/core/src/lib/form/components/widgets/form.theme.scss
View File

@@ -36,7 +36,7 @@ ul > li > form-field > .adf-focus {
&-invalid { &-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. */
/* 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; padding-bottom: 12px;
} }
/* 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. */

10
lib/core/src/lib/identity-user-info/identity-user-info.component.scss
View File

@@ -49,9 +49,8 @@
width: 100%; width: 100%;
min-width: 250px; 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 .mdc-tab__text-label {
&-userinfo-tab .mat-tab-label {
flex: auto; flex: auto;
font-weight: 500; font-weight: 500;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
@@ -104,9 +103,8 @@
border: 0; border: 0;
vertical-align: middle; 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 .mdc-tab__text-label-active {
&-hide-tab .mat-tab-label-active {
display: none; display: none;
} }
} }

9
lib/core/src/lib/info-drawer/info-drawer-layout.component.scss
View File

@@ -16,10 +16,9 @@ $adf-info-drawer-icon-size-half: 24px !default;
width: 100%; width: 100%;
background-color: var(--theme-card-background-color); background-color: var(--theme-card-background-color);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27); 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. */ & .mdc-tab__text-label {
& .mat-tab-label { font-weight: bold;
height: 32px;
text-align: left; text-align: left;
opacity: 1; opacity: 1;
} }
@@ -68,7 +67,7 @@ $adf-info-drawer-icon-size-half: 24px !default;
> *:last-child { > *:last-child {
margin-bottom: 0; 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. */ /* 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-info-drawer-tabs .mat-tab-body-content {
.adf-manage-versions-empty, .adf-manage-versions-empty,

4
lib/core/src/lib/info-drawer/info-drawer.component.scss
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. */
/* 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; 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. */
/* 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; flex-grow: 1;
.mat-icon + span { .mat-icon + span {

20
lib/core/src/lib/login/components/login.component.scss
View File

@@ -94,9 +94,8 @@
.adf-error-message .adf-error-icon { .adf-error-message .adf-error-icon {
margin-right: 10px; 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-mdc-card-header-text {
.mat-card-header-text {
margin: 0 auto; margin: 0 auto;
} }
@@ -120,9 +119,8 @@
line-height: normal; line-height: normal;
box-shadow: none; 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 .mdc-button__label {
.adf-login-button .mat-button-wrapper {
display: inline-flex; display: inline-flex;
} }
@@ -200,9 +198,8 @@
.mat-mdc-form-field .adf-login-password-icon.mat-icon { .mat-mdc-form-field .adf-login-password-icon.mat-icon {
color: var(--adf-theme-foreground-text-color); 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-mdc-text-field-wrapper {
.adf-login__field .mat-form-field-wrapper {
margin: 1em 0 0; margin: 1em 0 0;
font-size: var(--theme-subheading-2-font-size); font-size: var(--theme-subheading-2-font-size);
} }
@@ -235,9 +232,8 @@
.adf-login__remember-me { .adf-login__remember-me {
padding-top: 22px; 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-mdc-checkbox label {
.adf-login__remember-me .mat-checkbox-label {
opacity: 0.87; opacity: 0.87;
} }

2
lib/core/src/lib/search-text/search-text-input.component.scss
View File

@@ -28,7 +28,7 @@
background-color: var(--adf-theme-primary-50); 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. */
/* 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); background-color: var(--adf-theme-primary-50);
} }
} }

2
lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.scss
View File

@@ -57,7 +57,7 @@
padding-left: 10px; padding-left: 10px;
/* 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 {
display: inline; display: inline;
} }

6
lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.scss
View File

@@ -1,7 +1,7 @@
.adf { .adf {
&-date-widget { &-date-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; top: 26px;
} }
@@ -13,12 +13,12 @@
&-left-label-input-datepicker { &-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; 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%; width: 100%;
} }
} }

2
lib/process-services-cloud/src/lib/task/task-form/components/task-form-cloud.component.scss
View File

@@ -14,7 +14,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; width: 58px;
height: 20px; height: 20px;
opacity: 0.54; opacity: 0.54;

8
lib/process-services/src/lib/form/start-form.component.scss
View File

@@ -8,7 +8,7 @@
overflow: hidden; 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 { & .mat-mdc-card-header-text {
margin: 0 !important; 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. */
@@ -16,7 +16,7 @@
overflow: hidden; 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); font-size: var(--theme-subheading-2-font-size);
line-height: var(--theme-headline-line-height); line-height: var(--theme-headline-line-height);
letter-spacing: -0.4px; letter-spacing: -0.4px;
@@ -29,7 +29,7 @@
height: 4px; 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; margin: 0 12px 0 0;
} }
} }
@@ -95,7 +95,7 @@
border-radius: 5px; border-radius: 5px;
} }
/* 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; width: 58px;
height: 20px; height: 20px;
opacity: 0.54; opacity: 0.54;

6
lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.scss
View File

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

4
lib/process-services/src/lib/process-user-info/process-user-info.component.scss
View File

@@ -63,7 +63,7 @@
min-width: 250px; 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; flex: auto;
font-weight: 500; font-weight: 500;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);
@@ -147,7 +147,7 @@
text-align: left; text-align: left;
} }
/* 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 !important; display: none !important;
} }
} }

2
lib/process-services/src/lib/task-list/components/start-task.component.scss
View File

@@ -95,7 +95,7 @@ adf-start-task {
.adf { .adf {
/* 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. */
&-start-task-input-container .mat-form-field-wrapper { &-start-task-input-container .mat-mdc-text-field-wrapper {
padding-top: 8px; padding-top: 8px;
} }

2
lib/process-services/src/lib/task-list/components/task-details.component.scss
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. */ /* 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; flex-grow: 1;
} }
} }

2
lib/process-services/src/lib/task-list/components/task-form/task-form.component.scss
View File

@@ -13,7 +13,7 @@
border-radius: 5px; border-radius: 5px;
} }
/* 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; width: 58px;
height: 20px; height: 20px;
opacity: 0.54; opacity: 0.54;

2
lib/process-services/src/lib/task-list/components/task-standalone.component.scss
View File

@@ -47,7 +47,7 @@
border-radius: 5px; border-radius: 5px;
} }
/* 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 {
opacity: 0.54; opacity: 0.54;
font-size: var(--theme-button-font-size); font-size: var(--theme-button-font-size);
font-weight: bold; font-weight: bold;

2
stylelint-config.json
View File

@@ -91,7 +91,7 @@
"max-line-length": 240, "max-line-length": 240,
"linebreaks": "unix", "linebreaks": "unix",
"selector-class-pattern": [ "selector-class-pattern": [
"^_?(adf|adf-|app|app-|cdk-|example-|demo-|mat-|material-|textLayer|canvasWrapper|page)", "^_?(adf|adf-|app|app-|cdk-|example-|demo-|mat-|mdc-|material-|textLayer|canvasWrapper|page)",
{ {
"resolveNestedSelectors": true "resolveNestedSelectors": true
} }