dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-22 04:06:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

SYNC: diagram - persist scroll when zooming

Browse Source
This commit is contained in:
SPRINX0\prochazka
2025-03-31 14:42:11 +02:00
committed by Diflow
parent 98ad518b5d
commit f2570c97f3
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/web/src/designer/Designer.svelte
View File

@@ -908,6 +908,20 @@
domWrapper.scrollLeft -= x;
domWrapper.scrollTop -= y;
}
const oldZoomKoefRef = createRef(value?.style?.zoomKoef || 1);
$: {
if (
domWrapper &&
value?.style?.zoomKoef != oldZoomKoefRef.get() &&
value?.style?.zoomKoef > 0 &&
oldZoomKoefRef.get() > 0
) {
domWrapper.scrollLeft = Math.round((domWrapper.scrollLeft / oldZoomKoefRef.get()) * value?.style?.zoomKoef);
domWrapper.scrollTop = Math.round((domWrapper.scrollTop / oldZoomKoefRef.get()) * value?.style?.zoomKoef);
}
oldZoomKoefRef.set(value?.style?.zoomKoef);
}
</script>
<div
@@ -926,7 +940,7 @@
bind:this={domCanvas}
on:dragover={e => e.preventDefault()}
on:drop={handleDrop}
style={`width:${canvasWidth}px;height:${canvasHeight}px;
style={`width:${canvasWidth / zoomKoef}px;height:${canvasHeight / zoomKoef}px;
${settings?.customizeStyle && value?.style?.zoomKoef ? `zoom:${value?.style?.zoomKoef};` : ''}
`}
on:mousedown={e => {