cameleer/cameleer-server
1
0
Fork 0
Code Issues 46 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): add top offset to diagram reset view to clear breadcrumb bar
Some checks failed
CI / cleanup-branch (push) Has been skipped
Details
CI / build (push) Successful in 1m10s
Details
CI / deploy (push) Has been cancelled
Details
CI / deploy-feature (push) Has been cancelled
Details
CI / docker (push) Has been cancelled
Details

Browse Source
This commit is contained in:
hsiegeln
2026-03-28 14:36:24 +01:00
parent de2281cad2
commit 4ed804141a
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/components/ProcessDiagram/useZoomPan.ts
View File

@@ -10,6 +10,8 @@ const MIN_SCALE = 0.25;
const MAX_SCALE = 4.0; const MAX_SCALE = 4.0;
const ZOOM_STEP = 0.15; const ZOOM_STEP = 0.15;
const FIT_PADDING = 20; const FIT_PADDING = 20;
/** Extra top offset to clear the optional drill-down breadcrumb bar */
const TOP_OFFSET = 40;
export function useZoomPan() { export function useZoomPan() {
const [state, setState] = useState<ZoomPanState>({ const [state, setState] = useState<ZoomPanState>({
@@ -134,7 +136,7 @@ export function useZoomPan() {
}, []); }, []);
const resetView = useCallback(() => { const resetView = useCallback(() => {
setState({ scale: 1, translateX: FIT_PADDING, translateY: FIT_PADDING }); setState({ scale: 1, translateX: FIT_PADDING, translateY: TOP_OFFSET });
}, []); }, []);
const fitToView = useCallback( const fitToView = useCallback(