mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
AAE-21393 Fix amount form widget style (#9601)
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
<div class="adf-amount-widget__container adf-amount-widget {{field.className}}"
|
||||
[class.adf-invalid]="!field.isValid && isTouched()" [class.adf-readonly]="field.readOnly"
|
||||
[class.adf-left-label-input-container]="field.leftLabels">
|
||||
<div>
|
||||
<label class="adf-label"
|
||||
[class.adf-left-label]="field.leftLabels" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label>
|
||||
<div *ngIf="field.leftLabels">
|
||||
<label class="adf-label adf-left-label" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label>
|
||||
</div>
|
||||
<div>
|
||||
<mat-form-field class="adf-amount-widget__input" [hideRequiredMarker]="true">
|
||||
<label class="adf-label" *ngIf="!field.leftLabels" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label>
|
||||
<span matTextPrefix class="adf-amount-widget__prefix-spacing">{{ currency }} </span>
|
||||
<input matInput [matTooltip]="field.tooltip" matTooltipPosition="above" matTooltipShowDelay="1000"
|
||||
class="adf-input" type="text" [id]="field.id" [required]="isRequired()"
|
||||
|
@@ -1,7 +1,6 @@
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
@import 'styles/mat-selectors';
|
||||
|
||||
|
||||
.adf {
|
||||
&-amount-widget {
|
||||
width: 100%;
|
||||
@@ -19,6 +18,12 @@
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#{$mat-form-field-prefix} {
|
||||
padding-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
&:not(#{$mat-focused}):not(#{$mat-form-field-invalid}) {
|
||||
.adf-amount-widget__prefix-spacing {
|
||||
color: var(--adf-theme-foreground-secondary-text-color);
|
||||
|
Reference in New Issue
Block a user