From 5c9916d56211d05fd41cd74fe4ba98de3746a737 Mon Sep 17 00:00:00 2001 From: VitoAlbano Date: Sat, 1 Aug 2026 16:00:57 +0100 Subject: [PATCH] [AAE-49015] - Removing and replacing mat-selectors --- .../lib/aspect-list/aspect-list.component.scss | 7 ------- .../content-metadata.component.scss | 16 ---------------- lib/content-services/src/lib/mat-selectors.scss | 2 -- .../card-view-dateitem.component.scss | 10 ---------- .../widgets/date-time/date-time.widget.scss | 11 ----------- .../lib/info-drawer/info-drawer.component.scss | 6 ------ lib/core/src/lib/styles/_mat-selectors.scss | 2 -- .../form/components/form-cloud.component.scss | 6 ------ .../widgets/date/date-cloud.widget.scss | 11 ----------- .../src/lib/mat-selectors.scss | 2 -- .../form/start-form/start-form.component.scss | 6 ------ .../lib/form/widgets/upload/upload.widget.scss | 8 -------- .../src/lib/styles/mat-selectors.scss | 1 - 13 files changed, 88 deletions(-) diff --git a/lib/content-services/src/lib/aspect-list/aspect-list.component.scss b/lib/content-services/src/lib/aspect-list/aspect-list.component.scss index a810add76a..c14997a686 100644 --- a/lib/content-services/src/lib/aspect-list/aspect-list.component.scss +++ b/lib/content-services/src/lib/aspect-list/aspect-list.component.scss @@ -1,5 +1,3 @@ -@use '../mat-selectors.scss' as ms; - $dialog-title-height: 100px; $dialog-information-height: 44px; $dialog-buttons-height: 68px; @@ -48,11 +46,6 @@ $dialog-list-height: calc(65vh - ($dialog-title-height + $dialog-information-hei margin: 0; width: 100%; - #{ms.$mat-checkbox-background} { - height: 16px; - width: 16px; - } - &-header { font: var(--mat-sys-body-small); padding-left: 0; diff --git a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.scss b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.scss index fb21edde88..7613e4120d 100644 --- a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.scss +++ b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.scss @@ -1,5 +1,3 @@ -@use '../../../mat-selectors.scss' as ms; - $panel-properties-height: 56px !default; .adf { @@ -27,20 +25,6 @@ $panel-properties-height: 56px !default; color: var(--mat-sys-on-secondary-container); } - #{ms.$mat-chip} { - &.metadata-properties-tag-chip { - // TODO: bug open https://github.com/angular/components/issues/26584 - /* stylelint-disable selector-class-pattern */ - .mdc-evolution-chip__cell--primary, - .mdc-evolution-chip__action--primary, - .mat-mdc-chip-action-label { - overflow: hidden; - } - - /* stylelint-enable selector-class-pattern */ - } - } - .adf-metadata-no-item-added { word-break: break-all; font: var(--mat-sys-body-small); diff --git a/lib/content-services/src/lib/mat-selectors.scss b/lib/content-services/src/lib/mat-selectors.scss index e3c38f32e3..a2a4b1a5f3 100644 --- a/lib/content-services/src/lib/mat-selectors.scss +++ b/lib/content-services/src/lib/mat-selectors.scss @@ -2,14 +2,12 @@ $mat-expansion-panel-body: '.mat-expansion-panel-body'; $mat-tab-header: '.mat-mdc-tab-header'; -$mat-chip: '.mat-mdc-chip'; $mat-checkbox-box: '.mdc-checkbox'; $mat-form-field: '.mat-mdc-form-field'; $mat-text-field-outlined: '.mdc-text-field--outlined'; $mat-card-content: '.mat-mdc-card-content'; $mat-menu-panel: '.mat-mdc-menu-panel'; $mat-form-field-infix: '.mat-mdc-form-field-infix'; -$mat-checkbox-background: '.mdc-checkbox__background'; $mat-floating-label: '.mdc-floating-label'; $mat-select-arrow-wrapper: '.mat-mdc-select-arrow-wrapper'; $mat-evolution-chip: '.mdc-evolution-chip'; diff --git a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss index 7486864806..f9ff029deb 100644 --- a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss +++ b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss @@ -1,5 +1,3 @@ -@use '../../../styles/mat-selectors' as ms; - .adf-card-view-dateitem { display: flow-root; @@ -16,14 +14,6 @@ justify-content: space-between; position: relative; - #{ms.$mat-icon} { - opacity: 0.5; - - &:hover { - opacity: 1; - } - } - mat-datetimepicker-toggle { transform: scale(0.8); } diff --git a/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss b/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss index 8d5d355992..df4f387b64 100644 --- a/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss +++ b/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss @@ -1,5 +1,4 @@ /* stylelint-disable selector-class-pattern */ -@use '../../../../styles/mat-selectors' as ms; @use '../../../../styles/mixins' as mixins; .adf { @@ -8,16 +7,6 @@ display: grid; align-items: flex-start; } - - #{ms.$mat-form-field-suffix} { - top: 26px; - } - } - - &-left-label-input-datepicker { - #{ms.$mat-form-field-suffix} { - top: 0; - } } } diff --git a/lib/core/src/lib/info-drawer/info-drawer.component.scss b/lib/core/src/lib/info-drawer/info-drawer.component.scss index 0eb31091d5..7811a48262 100644 --- a/lib/core/src/lib/info-drawer/info-drawer.component.scss +++ b/lib/core/src/lib/info-drawer/info-drawer.component.scss @@ -47,12 +47,6 @@ padding-left: 5px; } } - - #{ms.$mat-tab-body-content} { - /* stylelint-disable */ - overflow: auto; - /* stylelint-enable */ - } } } } diff --git a/lib/core/src/lib/styles/_mat-selectors.scss b/lib/core/src/lib/styles/_mat-selectors.scss index 0da3f51e2d..c549bfc14a 100644 --- a/lib/core/src/lib/styles/_mat-selectors.scss +++ b/lib/core/src/lib/styles/_mat-selectors.scss @@ -1,5 +1,4 @@ $mat-icon: '.mat-icon'; -$mat-line: '.mat-line'; $mat-tab-label: '.mat-mdc-tab'; $mat-tab-label-text: '.mdc-tab__text-label'; $mat-tab-body-content: '.mat-mdc-tab-body-content'; @@ -9,7 +8,6 @@ $mat-button-label: '.mdc-button__label'; $mat-form-field: '.mat-mdc-form-field'; $mat-form-field-wrapper: '.mat-mdc-text-field-wrapper'; $mat-line-ripple: '.mdc-line-ripple'; -$mat-form-field-suffix: '.mat-mdc-form-field-text-suffix'; $mat-form-field-label: '.mat-mdc-floating-label'; $mat-button-touch-target: '.mat-mdc-button-touch-target'; $mat-input-element: '.mat-mdc-input-element'; diff --git a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss index f62635f0ea..27b254d65b 100644 --- a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss +++ b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss @@ -1,4 +1,3 @@ -@use '../../mat-selectors' as ms; @use '../../flex' as flex; /* cspell: disable-next-line */ @@ -108,11 +107,6 @@ display: flex; flex-direction: column; height: 100%; - - #{ms.$mat-card-content} { - height: 100%; - overflow: hidden auto; - } } } diff --git a/lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.scss b/lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.scss index 0988de467a..5037ea1a28 100644 --- a/lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.scss +++ b/lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.scss @@ -1,14 +1,9 @@ /* stylelint-disable selector-class-pattern */ -@use '../../../../mat-selectors' as ms; @use '../../../../mixins' as mixins; .adf { // eslint-disable-selector-class-pattern &-date-widget { - #{ms.$mat-form-field-suffix} { - top: 26px; - } - .adf-label { top: 20px; } @@ -19,12 +14,6 @@ flex-direction: column; } } - - &-left-label-input-datepicker { - #{ms.$mat-form-field-suffix} { - top: 0; - } - } } .adf-form-field-input .adf-error-icon { diff --git a/lib/process-services-cloud/src/lib/mat-selectors.scss b/lib/process-services-cloud/src/lib/mat-selectors.scss index 9aa31f3077..438b73c6af 100644 --- a/lib/process-services-cloud/src/lib/mat-selectors.scss +++ b/lib/process-services-cloud/src/lib/mat-selectors.scss @@ -1,7 +1,5 @@ /* Variables in this file are used in the Angular Material library. Do not modify them unless you know what you are doing. */ -$mat-card-content: '.mat-mdc-card-content'; -$mat-form-field-suffix: '.mat-mdc-form-field-text-suffix'; $mat-select-arrow-wrapper: '.mat-mdc-select-arrow-wrapper'; $mat-button: '.mat-mdc-button'; $mat-button-label: '.mdc-button__label'; diff --git a/lib/process-services/src/lib/form/start-form/start-form.component.scss b/lib/process-services/src/lib/form/start-form/start-form.component.scss index 783090eb80..d1eb5dc8aa 100644 --- a/lib/process-services/src/lib/form/start-form/start-form.component.scss +++ b/lib/process-services/src/lib/form/start-form/start-form.component.scss @@ -91,12 +91,6 @@ text-container-shape: 5px ) ); - - & #{ms.$mat-button-label} { - width: 58px; - height: 20px; - font: var(--mat-sys-body-large); - } } } } diff --git a/lib/process-services/src/lib/form/widgets/upload/upload.widget.scss b/lib/process-services/src/lib/form/widgets/upload/upload.widget.scss index e17f8f993e..a045671496 100644 --- a/lib/process-services/src/lib/form/widgets/upload/upload.widget.scss +++ b/lib/process-services/src/lib/form/widgets/upload/upload.widget.scss @@ -1,5 +1,3 @@ -@use '../../../styles/mat-selectors' as ms; - .adf { &-upload-widget-container { margin-bottom: 15px; @@ -25,10 +23,4 @@ &-upload-widget__reset { margin-top: -2px; } - - &-upload-files-row { - #{ms.$mat-line} { - margin-bottom: 0; - } - } } diff --git a/lib/process-services/src/lib/styles/mat-selectors.scss b/lib/process-services/src/lib/styles/mat-selectors.scss index 9cbd5ccfb9..93ffacac50 100644 --- a/lib/process-services/src/lib/styles/mat-selectors.scss +++ b/lib/process-services/src/lib/styles/mat-selectors.scss @@ -8,7 +8,6 @@ $mat-tab-label-text: '.mdc-tab__text-label'; $mat-form-field-wrapper: '.mat-mdc-text-field-wrapper'; $mat-button: '.mat-mdc-button'; $mat-button-label: '.mdc-button__label'; -$mat-line: '.mat-line'; $mat-form-field: '.mat-mdc-form-field'; $mat-select-arrow-wrapper: '.mat-mdc-select-arrow-wrapper'; $mat-dialog-surface: '.mat-mdc-dialog-surface';