(nifi) branch main updated: NIFI-15970 truncate connector name in wizard (#11278)

[mcgilman]

This is an automated email from the ASF dual-hosted git repository.

mcgilman pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/nifi.git


The following commit(s) were added to refs/heads/main by this push:
     new 877ee9704ef NIFI-15970 truncate connector name in wizard (#11278)
877ee9704ef is described below

commit 877ee9704eff78a1d58d1a3c9fc84f5d0c48ef45
Author: Scott Aslan <scottyas...@users.noreply.github.com>
AuthorDate: Fri May 22 17:57:10 2026 -0400

    NIFI-15970 truncate connector name in wizard (#11278)
---
 .../connector-configure/connector-configure.component.html   |  2 +-
 .../ui/connector-configure/connector-configure.component.ts  | 12 ++++++++++--
 .../connector-wizard/connector-wizard.component.html         |  2 +-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git 
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-configure/connector-configure.component.html
 
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-configure/connector-configure.component.html
index 6b9f902d6fd..778ecbc67ec 100644
--- 
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-configure/connector-configure.component.html
+++ 
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-configure/connector-configure.component.html
@@ -58,7 +58,7 @@
         } @else if (connector) {
             <!-- Generic configuration wizard -->
             <connector-wizard [connector]="connector" 
(navigateBack)="returnToConnectorListing()">
-                <div wizardHeaderContent>{{ connector.component.name }}</div>
+                <div class="truncate" ellipsisTooltip wizardHeaderContent>{{ 
connector.component.name }}</div>
             </connector-wizard>
         }
     </div>
diff --git 
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-configure/connector-configure.component.ts
 
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-configure/connector-configure.component.ts
index 3e066f6e1e3..57694358691 100644
--- 
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-configure/connector-configure.component.ts
+++ 
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/connectors/ui/connector-configure/connector-configure.component.ts
@@ -34,7 +34,8 @@ import {
     CONNECTOR_WIZARD_CONFIG,
     ParentToConnectorMessage,
     SystemTokensService,
-    NifiSpinnerDirective
+    NifiSpinnerDirective,
+    EllipsisTooltipDirective
 } from '@nifi/shared';
 import { catchError, distinctUntilChanged, filter, switchMap } from 
'rxjs/operators';
 import { of } from 'rxjs';
@@ -72,7 +73,14 @@ function connectorWizardConfigFactory(): 
ConnectorWizardConfig {
 @Component({
     selector: 'connector-configure',
     standalone: true,
-    imports: [Navigation, ConnectorWizard, MatButton, ContextErrorBanner, 
NifiSpinnerDirective],
+    imports: [
+        Navigation,
+        ConnectorWizard,
+        MatButton,
+        ContextErrorBanner,
+        NifiSpinnerDirective,
+        EllipsisTooltipDirective
+    ],
     templateUrl: './connector-configure.component.html',
     styleUrls: ['./connector-configure.component.scss'],
     providers: [
diff --git 
a/nifi-frontend/src/main/frontend/libs/shared/src/components/connector-wizard/connector-wizard.component.html
 
b/nifi-frontend/src/main/frontend/libs/shared/src/components/connector-wizard/connector-wizard.component.html
index 258b15e4917..68c7c73850f 100644
--- 
a/nifi-frontend/src/main/frontend/libs/shared/src/components/connector-wizard/connector-wizard.component.html
+++ 
b/nifi-frontend/src/main/frontend/libs/shared/src/components/connector-wizard/connector-wizard.component.html
@@ -17,7 +17,7 @@
 
 <div class="connector-wizard w-full h-full flex flex-col">
     <div class="connector-wizard-header flex flex-row justify-between p-4 
border-b">
-        <div class="flex gap-x-4 items-center">
+        <div class="w-full">
             <div class="h-8 text-lg font-bold leading-8" 
data-qa="connector-name">
                 <ng-content select="[wizardHeaderContent]"></ng-content>
             </div>