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-21393 Fix amount form widget style (#9601)

Browse Source
This commit is contained in:
Diogo Bastos
2024-04-24 14:05:12 +01:00
committed by VitoAlbano
parent 0a6501bd35
commit 9fa66bfb86
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,12 +1,12 @@
<div class="adf-amount-widget__container adf-amount-widget {{field.className}}" <div class="adf-amount-widget__container adf-amount-widget {{field.className}}"
[class.adf-invalid]="!field.isValid && isTouched()" [class.adf-readonly]="field.readOnly" [class.adf-invalid]="!field.isValid && isTouched()" [class.adf-readonly]="field.readOnly"
[class.adf-left-label-input-container]="field.leftLabels"> [class.adf-left-label-input-container]="field.leftLabels">
<div> <div *ngIf="field.leftLabels">
<label class="adf-label" <label class="adf-label adf-left-label" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label>
[class.adf-left-label]="field.leftLabels" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label>
</div> </div>
<div> <div>
<mat-form-field class="adf-amount-widget__input" [hideRequiredMarker]="true"> <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 }} &nbsp;</span> <span matTextPrefix class="adf-amount-widget__prefix-spacing">{{ currency }} &nbsp;</span>
<input matInput [matTooltip]="field.tooltip" matTooltipPosition="above" matTooltipShowDelay="1000" <input matInput [matTooltip]="field.tooltip" matTooltipPosition="above" matTooltipShowDelay="1000"
class="adf-input" type="text" [id]="field.id" [required]="isRequired()" class="adf-input" type="text" [id]="field.id" [required]="isRequired()"

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

@@ -1,7 +1,6 @@
/* stylelint-disable selector-class-pattern */ /* stylelint-disable selector-class-pattern */
@import 'styles/mat-selectors'; @import 'styles/mat-selectors';
.adf { .adf {
&-amount-widget { &-amount-widget {
width: 100%; width: 100%;
@@ -19,6 +18,12 @@
transition: none; transition: none;
} }
#{$mat-form-field-prefix} {
padding-top: 16px;
padding-bottom: 16px;
align-self: flex-end;
}
&:not(#{$mat-focused}):not(#{$mat-form-field-invalid}) { &:not(#{$mat-focused}):not(#{$mat-form-field-invalid}) {
.adf-amount-widget__prefix-spacing { .adf-amount-widget__prefix-spacing {
color: var(--adf-theme-foreground-secondary-text-color); color: var(--adf-theme-foreground-secondary-text-color);