AAE-48227 keep adf-label class on mat-labels to preserve downstream styling

The mat-label refactor dropped the .adf-label class from several widget labels.
That class is a public styling hook: consuming apps (e.g. hxp studio form editor)
target it to set label font, line-height and sizing, so removing it silently
changed label metrics and form field spacing downstream.

Keep class="adf-label" on the mat-labels alongside the new data-automation-id
hooks, and restore the SCSS selectors that had been renamed to work around the
missing class. Unit tests already select labels via data-automation-id, so they
are unaffected.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Isoumyajit
2026-09-09 00:39:18 +05:30
co-authored by Cursor
parent 91c5ca97e0
commit 0195d405f7
11 changed files with 11 additions and 12 deletions
@@ -135,8 +135,7 @@
}
}
.adf-label,
.adf-display-external-property-widget-label {
.adf-label {
white-space: normal;
}
}
@@ -13,7 +13,7 @@
<div>
<mat-form-field class="adf-form-field-input" subscriptSizing="dynamic" [floatLabel]="field.placeholder ? 'always' : null">
@if( (field.name || field?.required) && !field.leftLabels) {
<mat-label class="adf-display-external-property-widget-label" data-automation-id="adf-display-external-property-widget-label"> {{ field.name | translate }} </mat-label>
<mat-label class="adf-label adf-display-external-property-widget-label" data-automation-id="adf-display-external-property-widget-label"> {{ field.name | translate }} </mat-label>
}
<input
matInput