(nifi) branch main updated: NIFI-15546 correct active load balance glyph location in UI (#11481)

[rfellows]

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

rfellows 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 263c08b00dd NIFI-15546 correct active load balance glyph location in 
UI (#11481)
263c08b00dd is described below

commit 263c08b00ddf6c4a36bb973b82219fa8984ebcf8
Author: markobean <mark.o.b...@gmail.com>
AuthorDate: Wed Jul 29 13:00:21 2026 -0400

    NIFI-15546 correct active load balance glyph location in UI (#11481)
    
    This closes #11481
---
 .../flow-designer/service/manager/connection-manager.service.ts    | 2 +-
 .../src/app/pages/flow-designer/ui/canvas/canvas.component.scss    | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git 
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/service/manager/connection-manager.service.ts
 
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/service/manager/connection-manager.service.ts
index 490a22b92f6..8b1287f208a 100644
--- 
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/service/manager/connection-manager.service.ts
+++ 
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/service/manager/connection-manager.service.ts
@@ -1868,7 +1868,7 @@ export class ConnectionManager implements OnDestroy {
                                 return true;
                             }
                         })
-                        .classed('load-balance-icon-active fa-rotate-90 
success-color-variant', (d: any) => {
+                        .classed('load-balance-icon-active 
success-color-variant', (d: any) => {
                             return d.permissions.canRead && 
d.component.loadBalanceStatus === 'LOAD_BALANCE_ACTIVE';
                         })
                         .classed('primary-color', (d: any) => {
diff --git 
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/canvas.component.scss
 
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/canvas.component.scss
index 6b71145fc86..631c8493292 100644
--- 
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/canvas.component.scss
+++ 
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/canvas.component.scss
@@ -271,6 +271,13 @@
         font-size: 12px;
     }
 
+    /* Rotate about the glyph itself, not the svg view box */
+    text.load-balance-icon-active {
+        transform: rotate(90deg);
+        transform-box: fill-box;
+        transform-origin: center;
+    }
+
     g.connection rect.backpressure-object > title > tspan,
     g.connection rect.backpressure-data-size > title > tspan {
         display: block;