diff --git a/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss b/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss index e692913495..cfca1f463b 100644 --- a/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss +++ b/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss @@ -13,7 +13,9 @@ } } - #{ms.$mat-form-field} { + // Material form-field is display:inline-flex; force full width. Element selector + // targets ADF's own without the Material internal class. + mat-form-field { width: 100%; } } diff --git a/lib/core/src/lib/form/components/form-renderer.component.scss b/lib/core/src/lib/form/components/form-renderer.component.scss index 528b9a87d4..e57c327254 100644 --- a/lib/core/src/lib/form/components/form-renderer.component.scss +++ b/lib/core/src/lib/form/components/form-renderer.component.scss @@ -155,7 +155,7 @@ max-width: 100%; max-height: 100%; - & #{ms.$mat-card} { + & mat-card { padding: 16px 24px; overflow: hidden; } 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 7811a48262..1c7830f671 100644 --- a/lib/core/src/lib/info-drawer/info-drawer.component.scss +++ b/lib/core/src/lib/info-drawer/info-drawer.component.scss @@ -59,9 +59,9 @@ border-bottom: unset; opacity: 1; - &#{ms.$mat-tab-label} { - flex-grow: 1; - } + // No Material rule sets flex-grow on the individual tab, so the ADF class alone + // is enough — the .mat-mdc-tab compound was redundant specificity. + flex-grow: 1; &:has(span) { height: 32px; diff --git a/lib/core/src/lib/styles/_mat-selectors.scss b/lib/core/src/lib/styles/_mat-selectors.scss index 8963ceca5c..acb2d14e78 100644 --- a/lib/core/src/lib/styles/_mat-selectors.scss +++ b/lib/core/src/lib/styles/_mat-selectors.scss @@ -1,15 +1,12 @@ $mat-icon: '.mat-icon'; -$mat-tab-label: '.mat-mdc-tab'; $mat-tab-label-text: '.mdc-tab__text-label'; $mat-tab-body-content: '.mat-mdc-tab-body-content'; $mat-checkbox-label: '.mdc-label'; $mat-button: '.mat-mdc-button'; $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-label: '.mat-mdc-floating-label'; -$mat-card: '.mat-mdc-card'; $mat-select: '.mat-mdc-select'; $mat-sidenav-content: '.mat-sidenav-content'; $mat-drawer-transition: '.mat-drawer-transition'; 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 d1eb5dc8aa..7d847638b8 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 @@ -5,7 +5,7 @@ max-width: 100%; max-height: 100%; - & #{ms.$mat-card} { + & mat-card { padding: 16px 24px; overflow: hidden; } diff --git a/lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.scss b/lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.scss index 163f66138c..a6e8dc6877 100644 --- a/lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.scss +++ b/lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.scss @@ -1,7 +1,6 @@ -@use '../../../styles/mat-selectors' as ms; - .adf-attach-form { - #{ms.$mat-form-field} { + // Material form-field is display:inline-flex; force full width via the element selector. + mat-form-field { width: 100%; } diff --git a/lib/process-services/src/lib/task-list/components/checklist/checklist.component.scss b/lib/process-services/src/lib/task-list/components/checklist/checklist.component.scss index 4a5c247afa..7b03ec67fd 100644 --- a/lib/process-services/src/lib/task-list/components/checklist/checklist.component.scss +++ b/lib/process-services/src/lib/task-list/components/checklist/checklist.component.scss @@ -1,5 +1,3 @@ -@use '../../../styles/mat-selectors' as ms; - :host { width: 100%; } @@ -8,7 +6,8 @@ font-weight: bolder; } -#{ms.$mat-form-field} { +// Material form-field is display:inline-flex; force full width via the element selector. +mat-form-field { width: 100%; }