Apache
/
nifi
mirror of https://github.com/apache/nifi.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[NIFI-13968] add title tooltip for truncated attribute values

This commit is contained in:
James Scott Aslan 2024-11-05 17:32:20 -05:00
parent a20eaa9a40
commit 9fef084d90
No known key found for this signature in database
2 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/queue/ui/queue-listing/flowfile-dialog/flowfile-dialog.component.html
View File

@ -207,7 +207,10 @@
<div class="unset neutral-color">Empty string set</div> <div class="unset neutral-color">Empty string set</div>
</ng-container> </ng-container>
<ng-template #nonEmptyValue> <ng-template #nonEmptyValue>
<div class="tertiary-color font-medium" *ngIf="title == null; else valueWithTitle"> <div
class="tertiary-color font-medium truncate"
[title]="value"
*ngIf="title == null; else valueWithTitle">
{{ value }} {{ value }}
</div> </div>
<ng-template #valueWithTitle> <ng-template #valueWithTitle>
@ -221,7 +224,7 @@
</ng-template> </ng-template>
<ng-template #formatContentValue let-value let-title="title"> <ng-template #formatContentValue let-value let-title="title">
<ng-container *ngIf="value != null; else nullValue"> <ng-container *ngIf="value != null; else nullValue">
<div class="tertiary-color font-medium" *ngIf="title == null; else valueWithTitle"> <div class="tertiary-color font-medium truncate" [title]="value" *ngIf="title == null; else valueWithTitle">
{{ value }} {{ value }}
</div> </div>
<ng-template #valueWithTitle> <ng-template #valueWithTitle>

15
nifi-frontend/src/main/frontend/apps/nifi/src/app/ui/common/provenance-event-dialog/provenance-event-dialog.component.html
View File

@ -426,14 +426,13 @@
</ng-container> </ng-container>
<ng-template #nonEmptyValue> <ng-template #nonEmptyValue>
<div <div
class="tertiary-color font-medium overflow-ellipsis overflow-hidden whitespace-nowrap" class="tertiary-color font-medium truncate"
[title]="value"
*ngIf="title == null; else valueWithTitle"> *ngIf="title == null; else valueWithTitle">
{{ value }} {{ value }}
</div> </div>
<ng-template #valueWithTitle> <ng-template #valueWithTitle>
<div <div class="tertiary-color font-medium truncate" [title]="title">
class="tertiary-color font-medium overflow-ellipsis overflow-hidden whitespace-nowrap"
[title]="title">
{{ value }} {{ value }}
</div> </div>
</ng-template> </ng-template>
@ -445,15 +444,11 @@
</ng-template> </ng-template>
<ng-template #formatContentValue let-value let-title="title"> <ng-template #formatContentValue let-value let-title="title">
<ng-container *ngIf="value != null; else nullValue"> <ng-container *ngIf="value != null; else nullValue">
<div <div class="tertiary-color font-medium truncate" [title]="value" *ngIf="title == null; else valueWithTitle">
class="tertiary-color font-medium overflow-ellipsis overflow-hidden whitespace-nowrap"
*ngIf="title == null; else valueWithTitle">
{{ value }} {{ value }}
</div> </div>
<ng-template #valueWithTitle> <ng-template #valueWithTitle>
<div <div class="tertiary-color font-medium truncate" [title]="title">
class="tertiary-color font-medium overflow-ellipsis overflow-hidden whitespace-nowrap"
[title]="title">
{{ value }} {{ value }}
</div> </div>
</ng-template> </ng-template>