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) {
<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>
<div class="input-group">
<span>{{ currency.code }}</span>
@@ -47,7 +47,7 @@
</mat-form-field>
}
@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>
<span matTextSuffix class="m-l-10">{{ currency.code }}</span>
<span class="flex-auto"></span>