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

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
@@ -1,3 +1,4 @@
@use '@angular/material' as mat;
@use '../../../styles/mat-selectors' as ms;
.adf-card-view-textitem {
@@ -24,10 +25,12 @@
padding: 0;
line-height: 20px;
#{ms.$mat-button-touch-target} {
width: 30px;
height: 30px;
}
// Shrink the icon-button touch-target (default 48px) to match via the public token API.
@include mat.icon-button-overrides(
(
touch-target-size: 30px
)
);
}
#{ms.$mat-form-field-icon-suffix} {
@@ -1,5 +1,3 @@
@use '../../../styles/mat-selectors' as ms;
.adf-property-list {
border: unset;
border-color: var(--mat-sys-outline);
@@ -19,13 +17,17 @@
.adf-property-field {
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;
line-height: 20px;
}
.adf-card-view__key-value-pairs__row {
#{ms.$mat-input-element} {
input,
textarea {
margin-top: 0;
padding-left: 12px;
}
@@ -9,8 +9,6 @@ $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-button-touch-target: '.mat-mdc-button-touch-target';
$mat-input-element: '.mat-mdc-input-element';
$mat-card: '.mat-mdc-card';
$mat-select: '.mat-mdc-select';
$mat-sidenav-content: '.mat-sidenav-content';
@@ -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;
}