From 4ed804141a550ba9a2e3af248ec7390e57042ede Mon Sep 17 00:00:00 2001 From: hsiegeln <37154749+hsiegeln@users.noreply.github.com> Date: Sat, 28 Mar 2026 14:36:24 +0100 Subject: [PATCH] fix(ui): add top offset to diagram reset view to clear breadcrumb bar --- ui/src/components/ProcessDiagram/useZoomPan.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/ui/src/components/ProcessDiagram/useZoomPan.ts b/ui/src/components/ProcessDiagram/useZoomPan.ts index 22c5fef8..e3ae155f 100644 --- a/ui/src/components/ProcessDiagram/useZoomPan.ts +++ b/ui/src/components/ProcessDiagram/useZoomPan.ts @@ -10,6 +10,8 @@ const MIN_SCALE = 0.25; const MAX_SCALE = 4.0; const ZOOM_STEP = 0.15; const FIT_PADDING = 20; +/** Extra top offset to clear the optional drill-down breadcrumb bar */ +const TOP_OFFSET = 40; export function useZoomPan() { const [state, setState] = useState({ @@ -134,7 +136,7 @@ export function useZoomPan() { }, []); const resetView = useCallback(() => { - setState({ scale: 1, translateX: FIT_PADDING, translateY: FIT_PADDING }); + setState({ scale: 1, translateX: FIT_PADDING, translateY: TOP_OFFSET }); }, []); const fitToView = useCallback(