[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

View File

@ -207,7 +207,10 @@
<div class="unset neutral-color">Empty string set</div>
</ng-container>
<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 }}
</div>
<ng-template #valueWithTitle>
@ -221,7 +224,7 @@
</ng-template>
<ng-template #formatContentValue let-value let-title="title">
<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 }}
</div>
<ng-template #valueWithTitle>

View File

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