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

scottyaslan 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 8bb4efd217 [NIFI-14667] - Fix: Duplicate new canvas item icons in 
header when browser font size scaled up or down (#10025)
8bb4efd217 is described below

commit 8bb4efd217d3cf4bcacfa0203e6bdc1a7f0c2e9e
Author: Rob Fellows <[email protected]>
AuthorDate: Wed Jun 18 19:49:08 2025 -0400

    [NIFI-14667] - Fix: Duplicate new canvas item icons in header when browser 
font size scaled up or down (#10025)
---
 .../canvas/header/new-canvas-item/new-canvas-item.component.html  | 8 +++++---
 .../nifi/src/app/ui/common/navigation/navigation.component.html   | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git 
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/new-canvas-item/new-canvas-item.component.html
 
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/new-canvas-item/new-canvas-item.component.html
index e530d7f860..5f9479cba3 100644
--- 
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/new-canvas-item/new-canvas-item.component.html
+++ 
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/new-canvas-item/new-canvas-item.component.html
@@ -22,9 +22,11 @@
     [tooltipDisabled]="dragging"
     [position]="tooltipPosition"
     [delayClose]="false">
-    <div class="h-16 w-16 pl-1.5 flex items-center justify-center relative 
icon text-3xl" [class]="iconClass"></div>
+    <div
+        class="h-[64px] w-[64px] pl-1.5 flex items-center justify-center 
relative icon text-3xl"
+        [class]="iconClass"></div>
     <button
-        class="h-16 w-16 pl-1.5 -mt-16 flex items-center justify-center 
relative icon text-3xl"
+        class="h-[64px] w-[64px] pl-1.5 -mt-[64px] flex items-center 
justify-center relative icon text-3xl"
         [class]="isHovering() ? iconHoverClass + ' hovering' : iconClass"
         [class.dragging]="dragging"
         [disabled]="disabled"
@@ -34,6 +36,6 @@
         cdkDragBoundary="body"
         (cdkDragStarted)="onDragStarted()"
         (cdkDragEnded)="onDragEnded($event)">
-        <span class="h-1 absolute left-[3px] right-[3px] bottom-0.5 
component-button-grip"></span>
+        <span class="h-[4px] absolute left-[3px] right-[3px] bottom-0.5 
component-button-grip"></span>
     </button>
 </div>
diff --git 
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/ui/common/navigation/navigation.component.html
 
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/ui/common/navigation/navigation.component.html
index c22ee5b8c2..b9815b806a 100644
--- 
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/ui/common/navigation/navigation.component.html
+++ 
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/ui/common/navigation/navigation.component.html
@@ -17,9 +17,9 @@
 
 <div class="flex flex-col">
     <nav class="nifi-navigation select-none">
-        <div class="flex justify-between items-center h-16 pl-4">
+        <div class="flex justify-between items-center h-[64px] pl-4">
             <div class="flex">
-                <div class="h-16 w-28 mr-6 relative">
+                <div class="h-[64px] w-[112px] mr-6 relative">
                     <img
                         ngSrc="assets/icons/nifi-logo.svg"
                         fill

Reply via email to