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