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

[ADF-5163] Fix placeholder on Form widgets (#5812)

Browse Source
This commit is contained in:
davidcanonieto
2020-06-24 15:18:33 +01:00
committed by GitHub
parent c0d1ef2216
commit ed68ebb751
11 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/core/form/components/widgets/date-time/date-time.widget.html
View File

@@ -12,7 +12,7 @@
[max]="maxDate"
(focusout)="onDateChanged($event.srcElement.value)"
(dateChange)="onDateChanged($event)"
placeholder="{{field.placeholder}}">
[placeholder]="field.placeholder">
<mat-datetimepicker-toggle matSuffix [for]="datetimePicker" [disabled]="field.readOnly"></mat-datetimepicker-toggle>
</mat-form-field>
<error-widget [error]="field.validationSummary"></error-widget>

4
lib/core/form/components/widgets/date-time/date-time.widget.scss
View File

@@ -5,7 +5,9 @@
.mat-form-field-suffix {
top: 26px;
}
.mat-form-field-label-wrapper {
top: 20px;
}
}
}

2
lib/core/form/components/widgets/date/date.widget.html
View File

@@ -11,7 +11,7 @@
[max]="maxDate"
(focusout)="onDateChanged($event.srcElement.value)"
(dateChange)="onDateChanged($event)"
placeholder="{{field.placeholder}}">
[placeholder]="field.placeholder">
<mat-datepicker-toggle matSuffix [for]="datePicker" [disabled]="field.readOnly" ></mat-datepicker-toggle>
</mat-form-field>
<error-widget [error]="field.validationSummary"></error-widget>

3
lib/core/form/components/widgets/date/date.widget.scss
View File

@@ -5,5 +5,8 @@
.mat-form-field-suffix {
top: 26px;
}
.mat-form-field-label-wrapper {
top: 20px;
}
}
}

2
lib/core/form/components/widgets/multiline-text/multiline-text.widget.html
View File

@@ -11,7 +11,7 @@
[(ngModel)]="field.value"
(ngModelChange)="onFieldChanged(field)"
[disabled]="field.readOnly || readOnly"
placeholder="{{field.placeholder}}">
[placeholder]="field.placeholder">
</textarea>
</mat-form-field>
<div *ngIf="field.maxLength > 0" class="adf-multiline-word-counter">

3
lib/core/form/components/widgets/multiline-text/multiline-text.widget.scss
View File

@@ -2,6 +2,9 @@
&-multiline-text-widget {
width: 100%;
.mat-form-field-label-wrapper {
top: 20px;
}
}
&-multiline-word-counter {

2
lib/core/form/components/widgets/number/number.widget.html
View File

@@ -12,7 +12,7 @@
[(ngModel)]="field.value"
(ngModelChange)="onFieldChanged(field)"
[disabled]="field.readOnly"
placeholder="{{field.placeholder}}">
[placeholder]="field.placeholder">
</mat-form-field>
<error-widget [error]="field.validationSummary" ></error-widget>
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>

3
lib/core/form/components/widgets/number/number.widget.scss
View File

@@ -3,5 +3,8 @@
.adf {
&-number-widget {
width: 100%;
.mat-form-field-label-wrapper {
top: 20px;
}
}
}

3
lib/core/form/components/widgets/text/text.widget.scss
View File

@@ -3,5 +3,8 @@
.adf {
&-text-widget {
width: 100%;
.mat-form-field-label-wrapper {
top: 20px;
}
}
}

2
lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.html
View File

@@ -11,7 +11,7 @@
[max]="maxDate"
(focusout)="onDateChanged($event.srcElement.value)"
(dateChange)="onDateChanged($event)"
placeholder="{{field.placeholder}}">
[placeholder]="field.placeholder">
<mat-datepicker-toggle matSuffix [for]="datePicker" [disabled]="field.readOnly" ></mat-datepicker-toggle>
</mat-form-field>
<error-widget [error]="field.validationSummary"></error-widget>

3
lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.scss
View File

@@ -4,5 +4,8 @@
.mat-form-field-suffix {
top: 26px;
}
.mat-form-field-label-wrapper {
top: 20px;
}
}
}