inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-10-01 14:41:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

[affected:*][ci:force] Upgrading material selector class

Browse Source
This commit is contained in:
Vito Albano
2024-03-08 20:24:03 +00:00
parent a8e52ef2ce
commit 6c57b71bf1
36 changed files with 197 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss
View File

@@ -29,7 +29,6 @@
}
&-property-value {
/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
.mat-chip-list {
padding-top: 6px;

8
lib/core/src/lib/card-view/components/card-view-boolitem/card-view-boolitem.component.ts
View File

@@ -25,10 +25,10 @@ import { BaseCardView } from '../base-card-view';
templateUrl: './card-view-boolitem.component.html',
styles: [
`
.adf-property-value {
padding: 15px 0;
}
`
.adf-property-value {
padding: 15px 0;
}
`
]
})

2
lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss
View File

@@ -13,11 +13,13 @@
}
.adf-property-value-editable {
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
mat-select {
padding: 6px 0 6px 12px;
margin-top: 0;
border-radius: 6px;
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
.mat-select-value {
color: var(--adf-metadata-action-button-clear-color);
}

3
lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss
View File

@@ -32,6 +32,7 @@
}
.adf-textitem-chip-list-container {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-label {
margin-top: 6px;
}
@@ -46,7 +47,7 @@
}
.adf-property-field {
.mat-input-element {
.mat-mdc-input-element {
color: var(--theme-primary-color);
cursor: pointer;
}

16
lib/core/src/lib/card-view/components/card-view/card-view.component.scss
View File

@@ -26,12 +26,14 @@
.adf-property {
.adf-property-field {
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-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-input-element {
.mat-mdc-input-element {
text-overflow: ellipsis;
color: var(--adf-metadata-property-panel-title-color);
padding: 6px 0;
@@ -39,7 +41,7 @@
}
.adf-card-view__key-value-pairs__row {
.mat-input-element {
.mat-mdc-input-element {
margin-top: 0;
padding-left: 12px;
}
@@ -49,10 +51,12 @@
border-top-width: 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-flex {
padding-top: 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-wrapper {
padding-bottom: 0;
@@ -65,11 +69,11 @@
display: flex;
flex-direction: column;
height: 20px;
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
&.mat-form-field-empty {
transform: translateY(-1.3437em) scale(1);
}
}
}
}
}
@@ -82,7 +86,7 @@
background-color: var(--adf-metadata-buttons-background-color);
border-radius: 6px;
&.mat-input-element {
&.mat-mdc-input-element {
color: var(--adf-metadata-action-button-clear-color);
padding: 6px 0 6px 12px;
margin: 5px 0 0;
@@ -92,7 +96,7 @@
&.adf-property-readonly-value {
color: var(--adf-metadata-property-panel-label-color);
&.mat-input-element {
&.mat-mdc-input-element {
color: var(--adf-metadata-property-panel-label-color);
}
}

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

@@ -706,7 +706,7 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width-1 !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-mdc-checkbox label {
position: absolute;

4
lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.html
View File

@@ -8,7 +8,7 @@
[class.adf-dynamic-chip-list-full-width]="limitChipsDisplayed && !calculationsDone"
role="listbox"
[attr.aria-label]="'METADATA.BASIC.TAGS' | translate">
<mat-chip
<mat-chip-option
class="adf-dynamic-chip-list-chip"
*ngFor="let chip of chipsToDisplay; let idx = index"
(removed)="removedChip.emit(chip.id)">
@@ -20,7 +20,7 @@
matChipRemove>
cancel
</mat-icon>
</mat-chip>
</mat-chip-option>
</mat-chip-listbox>
<button
data-automation-id="adf-dynamic-chip-list-view-more-button"

1
lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.scss
View File

@@ -23,6 +23,7 @@
}
&.adf-dynamic-chip-list-paginated {
/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
mat-chip-list {
width: 100%;

11
lib/core/src/lib/form/components/form-renderer.component.scss
View File

@@ -90,7 +90,7 @@
mat-form-field {
width: 100%;
}
/* TODO(mdc-migration): The following rule targets internal classes of input that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of input that may no longer apply for the MDC version. */
.mat-input-placeholder {
top: 1.8em;
@@ -103,7 +103,7 @@
background-color: 300ms cubic-bezier(0.55, 0, 0.55, 0.2);
color: var(--theme-primary-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. */
.mat-form-field-prefix {
color: var(--theme-primary-color);
@@ -134,11 +134,13 @@
& .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. */
& .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. */
& .mdc-tab__text-label {
@@ -153,6 +155,7 @@
& .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. */
& .mat-mdc-text-field-wrapper {
@@ -224,7 +227,7 @@
height: 36px;
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. */
& .mdc-button__label {
width: 58px;
@@ -242,7 +245,7 @@
flex: 1;
}
}
/* 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. */
&-left-label-input-container .mat-form-field-label-wrapper {
top: auto;

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

@@ -1,12 +1,11 @@
/* stylelint-disable selector-class-pattern */
.adf {
&-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-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. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-label-wrapper {
top: 20px;
@@ -14,12 +13,11 @@
}
&-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-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-mdc-form-field-infix {
width: 100%;

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

@@ -34,12 +34,11 @@ 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-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. */
/* 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 {
background-color: var(--theme-warn-color);
@@ -54,7 +53,7 @@ ul > li > form-field > .adf-focus {
.adf-file {
border-color: var(--theme-warn-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. */
.mat-form-field-prefix {
color: var(--adf-theme-foreground-secondary-text-color);

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

@@ -2,7 +2,7 @@
.adf {
&-text-widget {
width: 100%;
/* 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-label-wrapper {
top: 20px;

4
lib/core/src/lib/identity-user-info/identity-user-info.component.html
View File

@@ -16,10 +16,10 @@
</button>
<mat-menu #menu="matMenu" id="user-profile-lists" [xPosition]="menuPositionX" [yPosition]="menuPositionY"
[overlapTrigger]="false" class="adf-userinfo-menu adf-identity-userinfo-menu">
<mat-card class="adf-userinfo-card adf-identity-userinfo-card">
<mat-card appearance="outlined" class="adf-userinfo-card adf-identity-userinfo-card">
<mat-card-header class="adf-userinfo-card-header"
[style.background-image]="'url(' + bpmBackgroundImage + ')'">
<div class="mat-title" id="identity-username">{{identityUser | fullName}}</div>
<div class="mat-headline-6" id="identity-username">{{identityUser | fullName}}</div>
</mat-card-header>
<mat-card-content>
<div class="adf-userinfo-supporting-text">

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

@@ -4,7 +4,7 @@
display: block;
margin: 0;
}
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mdc-tab__text-label {
min-width: 0;
@@ -30,13 +30,12 @@
}
.adf-info-drawer-tabs {
/* 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 > * {
margin-bottom: 20px;
display: block;
}
/* 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 > *:last-child {
margin-bottom: 0;
@@ -58,7 +57,7 @@
padding: 10px;
overflow-y: 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-body-content {
/* stylelint-disable */

2
lib/core/src/lib/login/components/login.component.html
View File

@@ -2,7 +2,7 @@
<div class="adf-ie11FixerParent">
<div class="adf-ie11FixerChild">
<mat-card class="adf-login-card-wide">
<mat-card appearance="outlined" class="adf-login-card-wide">
<form
id="adf-login-form"
[formGroup]="form"

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

@@ -20,13 +20,11 @@
}
&-input-form-field-divider {
/* 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-underline {
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. */
.mdc-line-ripple {
background-color: var(--adf-theme-primary-50);