inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

[AAE-49015] - Removing and replacing mat-selectors

Browse Source
This commit is contained in:
VitoAlbano
2026-08-03 13:13:50 +01:00
parent 4dfce0da49
commit bc74338e13
4 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss
+7 -4
View File
@@ -1,3 +1,4 @@
@use '@angular/material' as mat;
@use '../../../styles/mat-selectors' as ms; @use '../../../styles/mat-selectors' as ms;
.adf-card-view-textitem { .adf-card-view-textitem {
@@ -24,10 +25,12 @@
padding: 0; padding: 0;
line-height: 20px; line-height: 20px;
#{ms.$mat-button-touch-target} { // Shrink the icon-button touch-target (default 48px) to match via the public token API.
width: 30px; @include mat.icon-button-overrides(
height: 30px; (
} touch-target-size: 30px
)
);
} }
#{ms.$mat-form-field-icon-suffix} { #{ms.$mat-form-field-icon-suffix} {
lib/core/src/lib/card-view/components/card-view/card-view.component.scss
+6 -4
View File
@@ -1,5 +1,3 @@
@use '../../../styles/mat-selectors' as ms;
.adf-property-list { .adf-property-list {
border: unset; border: unset;
border-color: var(--mat-sys-outline); border-color: var(--mat-sys-outline);
@@ -19,13 +17,17 @@
.adf-property-field { .adf-property-field {
width: 100%; width: 100%;
#{ms.$mat-input-element} { // All card-view inputs/textareas are matInput (verified) — target them directly
// instead of Material's .mat-mdc-input-element internal.
input,
textarea {
text-overflow: ellipsis; text-overflow: ellipsis;
line-height: 20px; line-height: 20px;
} }
.adf-card-view__key-value-pairs__row { .adf-card-view__key-value-pairs__row {
#{ms.$mat-input-element} { input,
textarea {
margin-top: 0; margin-top: 0;
padding-left: 12px; padding-left: 12px;
} }
lib/core/src/lib/styles/_mat-selectors.scss
-2
View File
@@ -9,8 +9,6 @@ $mat-form-field: '.mat-mdc-form-field';
$mat-form-field-wrapper: '.mat-mdc-text-field-wrapper'; $mat-form-field-wrapper: '.mat-mdc-text-field-wrapper';
$mat-line-ripple: '.mdc-line-ripple'; $mat-line-ripple: '.mdc-line-ripple';
$mat-form-field-label: '.mat-mdc-floating-label'; $mat-form-field-label: '.mat-mdc-floating-label';
$mat-button-touch-target: '.mat-mdc-button-touch-target';
$mat-input-element: '.mat-mdc-input-element';
$mat-card: '.mat-mdc-card'; $mat-card: '.mat-mdc-card';
$mat-select: '.mat-mdc-select'; $mat-select: '.mat-mdc-select';
$mat-sidenav-content: '.mat-sidenav-content'; $mat-sidenav-content: '.mat-sidenav-content';
lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss
+3 -1
View File
@@ -15,6 +15,8 @@
} }
} }
#{ms.$mat-dialog-surface} { // Scoped to this dialog's panelClass (was global — ViewEncapsulation.None leaked
// overflow-x:hidden onto every dialog surface in the app).
.adf-attach-file-widget-dialog #{ms.$mat-dialog-surface} {
overflow-x: hidden; overflow-x: hidden;
} }