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

Merge pull request #11007 from maxunbearable/fix/3645-template-name-width

Browse Source 
Added max width to the display of the template name
This commit is contained in:
Vladyslav Prykhodko 2024-06-21 14:55:19 +03:00 committed by GitHub
commit ecba0540a2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-service-rpc-connector-templates.component.html
View File

@ -18,8 +18,8 @@
<div class="mat-subtitle-1 title">{{ 'gateway.rpc.templates-title' | translate }}</div> <div class="mat-subtitle-1 title">{{ 'gateway.rpc.templates-title' | translate }}</div>
<mat-expansion-panel hideToggle *ngFor="let template of rpcTemplates"> <mat-expansion-panel hideToggle *ngFor="let template of rpcTemplates">
<mat-expansion-panel-header> <mat-expansion-panel-header>
<mat-panel-title> <mat-panel-title class="template-name">
{{template.name}} <span matTooltip="{{template.name}}" matTooltipPosition="above">{{template.name}}</span>
</mat-panel-title> </mat-panel-title>
<mat-panel-description> <mat-panel-description>
<button mat-icon-button matTooltip="Delete" (click)="deleteTemplate($event, template)"> <button mat-icon-button matTooltip="Delete" (click)="deleteTemplate($event, template)">

15
ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-service-rpc-connector-templates.component.scss
View File

@ -59,6 +59,7 @@
flex-direction: row-reverse; flex-direction: row-reverse;
align-items: center; align-items: center;
margin-right: 0; margin-right: 0;
flex: 0;
& > mat-icon { & > mat-icon {
margin-left: 15px; margin-left: 15px;
@ -89,6 +90,20 @@
} }
} }
.template-name {
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
::ng-deep .mat-content {
align-items: center;
}
.mat-expansion-panel-header-title {
flex: 1;
margin: 0;
}
} }