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

Merge pull request #8812 from ArtemDzhereleiko/AD/imp/rule-chain/rule-chain-icon

Browse Source 
Added icon for rule chain selector
This commit is contained in:
Igor Kulikov 2023-06-28 13:06:07 +03:00 committed by GitHub
commit 3b30769e44
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.html
View File

@ -15,13 +15,17 @@
limitations under the License. limitations under the License.
--> -->
<mat-select fxFlex <mat-form-field class="tb-rule-select" subscriptSizing="dynamic">
class="tb-rule-chain-select" <mat-icon matPrefix>settings_ethernet</mat-icon>
[required]="required" <mat-select fxFlex
[disabled]="disabled" class="tb-rule-chain-select"
[(ngModel)]="ruleChainId" hideSingleSelectionIndicator="false"
(ngModelChange)="ruleChainIdChanged()"> [required]="required"
<mat-option *ngFor="let ruleChain of ruleChains$ | async" [value]="ruleChain.id.id"> [disabled]="disabled"
{{ruleChain.name}} [(ngModel)]="ruleChainId"
</mat-option> (ngModelChange)="ruleChainIdChanged()">
</mat-select> <mat-option *ngFor="let ruleChain of ruleChains$ | async" [value]="ruleChain.id.id">
{{ruleChain.name}}
</mat-option>
</mat-select>
</mat-form-field>

10
ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.scss
View File

@ -19,8 +19,16 @@
padding: 0 6px; padding: 0 6px;
.tb-rule-chain-select { .tb-rule-chain-select {
display: flex; display: flex;
height: 48px;
min-height: 100%; min-height: 100%;
pointer-events: all; pointer-events: all;
} }
} }
:host ::ng-deep {
.mat-mdc-form-field.tb-rule-select .mdc-text-field {
.mat-mdc-form-field-infix {
min-height: 48px;
padding: 12px 0;
}
}
}