WEB-781 fix(shared): prevent label overlap in InputAmountComponent (#3215)

This commit is contained in:
Shubham Kumar
2026-02-22 23:39:14 -06:00
committed by GitHub
parent 715d536827
commit 4ef7ae2baa
@@ -7,7 +7,7 @@
--> -->
@if (isRequired) { @if (isRequired) {
<mat-form-field appearance="fill" class="flex-100 input-container"> <mat-form-field appearance="fill" class="flex-100 input-container" floatLabel="always">
<mat-label>{{ 'labels.inputs.' + inputLabel | translate }}</mat-label> <mat-label>{{ 'labels.inputs.' + inputLabel | translate }}</mat-label>
<div class="input-group"> <div class="input-group">
<span>{{ currency.code }}</span> <span>{{ currency.code }}</span>
@@ -47,7 +47,7 @@
</mat-form-field> </mat-form-field>
} }
@if (!isRequired) { @if (!isRequired) {
<mat-form-field appearance="fill" class="flex-100"> <mat-form-field appearance="fill" class="flex-100" floatLabel="always">
<mat-label>{{ 'labels.inputs.' + inputLabel | translate }}</mat-label> <mat-label>{{ 'labels.inputs.' + inputLabel | translate }}</mat-label>
<span matTextSuffix class="m-l-10">{{ currency.code }}</span> <span matTextSuffix class="m-l-10">{{ currency.code }}</span>
<span class="flex-auto"></span> <span class="flex-auto"></span>