AAE-36023 Some form fields are not properly aligned and cropped out ng19 (#11050)

* AAE-36023 fixing amount widget label cropping and overlapping issue

* AAE-36023 removing hard-coded appearance and adding dynamic floatlabel
This commit is contained in:
Soumyajit Chakraborty
2025-07-24 12:50:56 +05:30
committed by GitHub
parent ac25abc64b
commit 06a9ddc068
3 changed files with 2 additions and 11 deletions

View File

@@ -17,18 +17,10 @@
}
&-amount-widget__input {
margin-top: -15px;
#{ms.$mat-focused} {
transition: none;
}
#{ms.$mat-form-field-prefix} {
padding-top: 16px;
padding-bottom: 16px;
align-self: flex-end;
}
.adf-input {
margin-top: 3px;
}

View File

@@ -8,7 +8,7 @@
<label class="adf-label" [attr.for]="field.id"
>{{field.name | translate }}<span class="adf-asterisk" [style.visibility]="isRequired() ? 'visible' : 'hidden'">*</span></label
>
<mat-form-field appearance="outline" class="adf-group-widget-field">
<mat-form-field [floatLabel]="field.placeholder ? 'always': null" class="adf-group-widget-field">
<mat-chip-grid #chipGrid>
<mat-chip-row
*ngFor="let group of selectedGroups"

View File

@@ -3,8 +3,7 @@
[class.adf-readonly]="field.readOnly"
id="people-widget-content">
<label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk" [style.visibility]="isRequired() ? 'visible' : 'hidden'">*</span></label>
<mat-form-field
appearance="outline"
<mat-form-field [floatLabel]="field.placeholder ? 'always': null"
class="adf-people-widget-field">
<mat-chip-grid #chipGrid [attr.aria-label]="'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECTED_PEOPLE' | translate">
<mat-chip-row