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

UI: Refactoring

Browse Source
This commit is contained in:
Artem Dzhereleiko 2023-05-02 09:19:53 +03:00
parent 0dd8161790
commit 0a2e64bded
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.html
View File

@ -160,8 +160,8 @@
</ng-container> </ng-container>
<ng-container matColumnDef="key"> <ng-container matColumnDef="key">
<mat-header-cell *matHeaderCellDef mat-sort-header style="width: 40%"> {{ 'attribute.key' | translate }} </mat-header-cell> <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 40%"> {{ 'attribute.key' | translate }} </mat-header-cell>
<mat-cell *matCellDef="let attribute"> <mat-cell *matCellDef="let attribute" class="attribute">
<div class="attribute" fxLayout="row" style="align-items: center"> <div fxLayout="row" style="align-items: center">
<span class="ellipsis">{{ attribute.key }}</span> <span class="ellipsis">{{ attribute.key }}</span>
<tb-copy-button <tb-copy-button
class="attribute-copy" class="attribute-copy"
@ -179,10 +179,10 @@
<ng-container matColumnDef="value"> <ng-container matColumnDef="value">
<mat-header-cell *matHeaderCellDef style="width: 60%"> {{ 'attribute.value' | translate }} </mat-header-cell> <mat-header-cell *matHeaderCellDef style="width: 60%"> {{ 'attribute.value' | translate }} </mat-header-cell>
<mat-cell *matCellDef="let attribute" <mat-cell *matCellDef="let attribute"
class="tb-value-cell" class="tb-value-cell attribute"
(click)="editAttribute($event, attribute)"> (click)="editAttribute($event, attribute)">
<div fxFlex fxLayout="row" style="align-items: center"> <div fxFlex fxLayout="row" style="align-items: center">
<div class="attribute" fxFlex fxLayout="row" style="overflow: hidden; align-items: center;"> <div fxFlex fxLayout="row" style="overflow: hidden; align-items: center;">
<span class="ellipsis">{{attribute.value | tbJson}}</span> <span class="ellipsis">{{attribute.value | tbJson}}</span>
<tb-copy-button <tb-copy-button
class="attribute-copy" class="attribute-copy"

2
ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.scss
View File

@ -74,7 +74,7 @@
.attribute-copy { .attribute-copy {
visibility: hidden; visibility: hidden;
transition: visibility 0.2s; transition: visibility 0.1s;
} }
.attribute:hover { .attribute:hover {