mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2026-09-09 18:03:21 +00:00
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:
@@ -135,8 +135,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.adf-label,
|
||||
.adf-display-external-property-widget-label {
|
||||
.adf-label {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
|
||||
+1
-1
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user