inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

8
lib/core/src/lib/form/components/widgets/amount/amount.widget.scss
View File

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

2
lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html
View File

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

3
lib/process-services/src/lib/form/widgets/people/people.widget.html
View File

@@ -3,8 +3,7 @@
[class.adf-readonly]="field.readOnly" [class.adf-readonly]="field.readOnly"
id="people-widget-content"> 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> <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 <mat-form-field [floatLabel]="field.placeholder ? 'always': null"
appearance="outline"
class="adf-people-widget-field"> class="adf-people-widget-field">
<mat-chip-grid #chipGrid [attr.aria-label]="'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECTED_PEOPLE' | translate"> <mat-chip-grid #chipGrid [attr.aria-label]="'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECTED_PEOPLE' | translate">
<mat-chip-row <mat-chip-row