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

Merge pull request #9260 from vvlladd28/improvement/string-items/ontouch-hint-style

Browse Source 
Added default color for mat-hint; Added onTouch event for string items list component
This commit is contained in:
Igor Kulikov 2023-09-14 19:22:40 +03:00 committed by GitHub
commit 24fd3a1327
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui-ngx/src/app/shared/components/string-items-list.component.html
View File

@ -29,6 +29,7 @@
<mat-icon matChipRemove *ngIf="!disabled">close</mat-icon> <mat-icon matChipRemove *ngIf="!disabled">close</mat-icon>
</mat-chip-row> </mat-chip-row>
<input matInput type="text" <input matInput type="text"
(blur)="onTouched()"
placeholder="{{ placeholder }}" placeholder="{{ placeholder }}"
style="max-width: 300px;min-width: 250px" style="max-width: 300px;min-width: 250px"
#stringItemInput #stringItemInput

5
ui-ngx/src/app/shared/components/string-items-list.component.ts
View File

@ -120,8 +120,8 @@ export class StringItemsListComponent implements ControlValueAccessor, OnInit {
return this.stringItemsForm.get('item'); return this.stringItemsForm.get('item');
} }
private propagateChange = (v: any) => { onTouched = () => {};
}; private propagateChange: (value: any) => void = () => {};
private dirty = false; private dirty = false;
constructor(private fb: FormBuilder) { constructor(private fb: FormBuilder) {
@ -159,6 +159,7 @@ export class StringItemsListComponent implements ControlValueAccessor, OnInit {
} }
registerOnTouched(fn: any): void { registerOnTouched(fn: any): void {
this.onTouched = fn;
} }
setDisabledState(isDisabled: boolean): void { setDisabledState(isDisabled: boolean): void {

5
ui-ngx/src/theme-overwrites.scss
View File

@ -52,6 +52,11 @@
} }
} }
} }
.mat-mdc-form-field {
.mat-mdc-form-field-hint-wrapper {
color: rgba(0, 0, 0, 0.6);
}
}
} }
@mixin _mat-button-overwrites($primary, $config-or-theme) { @mixin _mat-button-overwrites($primary, $config-or-theme) {