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

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

@ -15,8 +15,11 @@
limitations under the License. limitations under the License.
--> -->
<mat-select fxFlex <mat-form-field class="tb-rule-select" subscriptSizing="dynamic">
<mat-icon matPrefix>settings_ethernet</mat-icon>
<mat-select fxFlex
class="tb-rule-chain-select" class="tb-rule-chain-select"
hideSingleSelectionIndicator="false"
[required]="required" [required]="required"
[disabled]="disabled" [disabled]="disabled"
[(ngModel)]="ruleChainId" [(ngModel)]="ruleChainId"
@ -24,4 +27,5 @@
<mat-option *ngFor="let ruleChain of ruleChains$ | async" [value]="ruleChain.id.id"> <mat-option *ngFor="let ruleChain of ruleChains$ | async" [value]="ruleChain.id.id">
{{ruleChain.name}} {{ruleChain.name}}
</mat-option> </mat-option>
</mat-select> </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;
}
}
}