From f985ede0d7046462b404f56a706381b9674e06a5 Mon Sep 17 00:00:00 2001
From: scottyaslan <scottyaslan@users.noreply.github.com>
Date: Fri, 8 May 2026 17:20:26 -0400
Subject: [PATCH] NIFI-15920 improve accesibility around connector state text
 in listing

---
 .../ui/connector-table/connector-table.component.html  |  7 ++++---
 .../ui/connector-table/connector-table.component.ts    | 10 +++++++++-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-table/connector-table.component.html b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-table/connector-table.component.html
index b7b9df274487..46727670ac9b 100644
--- a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-table/connector-table.component.html
+++ b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-table/connector-table.component.html
@@ -76,9 +76,10 @@
                     <div class="inline-flex items-center gap-x-2">
                         <span [title]="formatState(item)">{{ formatState(item) }}</span>
                         @if (canRead(item) && canDiscardConfig(item)) {
-                            <span class="caution-color text-xs font-medium" data-qa="edits-not-applied-badge"
-                                >(Edits not applied)</span
-                            >
+                            <i
+                                class="neutral-color fa fa-asterisk"
+                                matTooltip="Edits not applied"
+                                matTooltipPosition="after"></i>
                         }
                     </div>
                 </td>
diff --git a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-table/connector-table.component.ts b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-table/connector-table.component.ts
index e2d529606685..dd8b1b7f2fe7 100644
--- a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-table/connector-table.component.ts
+++ b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-table/connector-table.component.ts
@@ -41,7 +41,15 @@ import { ValidationErrorsTip } from '../../../../ui/common/tooltips/validation-e
     selector: 'connector-table',
     standalone: true,
     templateUrl: './connector-table.component.html',
-    imports: [MatButtonModule, MatTableModule, MatSortModule, MatMenuModule, MatTooltipModule, NifiTooltipDirective],
+    imports: [
+        MatButtonModule,
+        MatTableModule,
+        MatSortModule,
+        MatMenuModule,
+        MatTooltipModule,
+        NifiTooltipDirective,
+        MatTooltipModule
+    ],
     styleUrls: ['./connector-table.component.scss']
 })
 export class ConnectorTable {