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(