dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: fixed contact based form city, state, Zip fields validation errors overlap on smaller screens

Browse Source
This commit is contained in:
rusikv 2024-09-18 13:26:03 +03:00
parent 278124746c
commit dfef67b9d7
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ui-ngx/src/app/shared/components/contact.component.html
View File

@ -21,26 +21,29 @@
(selectCountryCode)="changeCountry($event)">
</tb-country-autocomplete>
<div class="tb-form-row column-xs tb-standard-fields no-border no-padding">
<mat-form-field class="flex">
<mat-form-field class="flex" subscriptSizing="dynamic">
<mat-label translate>contact.city</mat-label>
<input matInput formControlName="city">
<mat-error *ngIf="parentForm.get('city').hasError('maxlength')">
{{ 'contact.city-max-length' | translate }}
</mat-error>
<mat-hint></mat-hint>
</mat-form-field>
<mat-form-field class="flex">
<mat-form-field class="flex" subscriptSizing="dynamic">
<mat-label translate>contact.state</mat-label>
<input matInput formControlName="state">
<mat-error *ngIf="parentForm.get('state').hasError('maxlength')">
{{ 'contact.state-max-length' | translate }}
</mat-error>
<mat-hint></mat-hint>
</mat-form-field>
<mat-form-field class="flex">
<mat-form-field class="flex" subscriptSizing="dynamic">
<mat-label translate>contact.postal-code</mat-label>
<input matInput formControlName="zip">
<mat-error *ngIf="parentForm.get('zip').hasError('pattern')">
{{ 'contact.postal-code-invalid' | translate }}
</mat-error>
<mat-hint></mat-hint>
</mat-form-field>
</div>
<mat-form-field class="mat-block">