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-3266] fixed style for amount widget (#3531)

Browse Source
This commit is contained in:
Vito
2018-06-27 09:43:30 +01:00
committed by Eugenio Romano
parent 8cc07f5816
commit 61e2f257cf
2 changed files with 19 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
lib/core/form/components/widgets/amount/amount.widget.html
View File

@@ -1,5 +1,5 @@
<div class="adf-amount-widget__container adf-amount-widget {{field.className}}" [class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly"> <div class="adf-amount-widget__container adf-amount-widget {{field.className}}" [class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly">
<mat-form-field floatPlaceholder="never" class="adf-amount-widget__input"> <mat-form-field class="adf-amount-widget__input">
<label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label> <label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
<span matPrefix class="adf-amount-widget__prefix-spacing"> {{currency }}</span> <span matPrefix class="adf-amount-widget__prefix-spacing"> {{currency }}</span>
<input matInput <input matInput
@@ -7,13 +7,12 @@
type="text" type="text"
[id]="field.id" [id]="field.id"
[required]="isRequired()" [required]="isRequired()"
[placeholder]="field.placeholder"
[value]="field.value" [value]="field.value"
[(ngModel)]="field.value" [(ngModel)]="field.value"
(ngModelChange)="onFieldChanged(field)" (ngModelChange)="onFieldChanged(field)"
[disabled]="field.readOnly" [disabled]="field.readOnly">
placeholder="{{field.placeholder}}">
</mat-form-field> </mat-form-field>
<error-widget [error]="field.validationSummary" ></error-widget> <error-widget [error]="field.validationSummary" ></error-widget>
<error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget> <error-widget *ngIf="isInvalidFieldRequired()" required="{{ 'FORM.FIELD.REQUIRED' | translate }}"></error-widget>
</div> </div>

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

@@ -5,20 +5,27 @@
width: 100%; width: 100%;
vertical-align: baseline !important; vertical-align: baseline !important;
.mat-input-element {
margin-left: 11px;
}
.mat-input-prefix {
position: absolute;
margin-top: 58px;
}
.mat-input-placeholder { .mat-input-placeholder {
margin-top: 5px; margin-top: 5px;
display: none; display: none;
} }
.mat-form-field-flex{
position: relative;
padding-top: 18.5px;
}
.mat-form-field-infix{
position: static;
padding-top: 19px;
}
.adf-label{
position: absolute;
top: 18.5px;
left:0;
}
} }
&-amount-widget__container { &-amount-widget__container {