Increase top padding to increase chance of showing source => join with tall heights (can still pan/zoom)

techniq · techniq · commit 77d30d3ffbe8 · 2025-02-18T15:07:57.000-05:00
diff --git a/frontend/src/routes/joins/[slug]/overview/+page.svelte b/frontend/src/routes/joins/[slug]/overview/+page.svelte
@@ -107,8 +107,6 @@
 			return false;
 		}
 	}
-
-	$inspect({ connections, infoMap, chartData });
 </script>
 
 <CollapsibleSection title="Details" bind:open={isDetailsOpen} class="mt-5 mb-6">
@@ -128,7 +126,7 @@
 				initialScrollMode: 'scale',
 				tweened: { duration: 800, easing: cubicOut }
 			}}
-			padding={{ top: 20, bottom: 20, left: 20, right: 20 }}
+			padding={{ top: 60, bottom: 20, left: 20, right: 20 }}
 			let:tooltip
 		>
 			<TransformControls />

Original file line number	Diff line number	Diff line change
`@@ -107,8 +107,6 @@`
`107`	`107`	`return false;`
`108`	`108`	`}`
`109`	`109`	`}`
`110`		`-`
`111`		`- $inspect({ connections, infoMap, chartData });`
`112`	`110`	`</script>`
`113`	`111`
`114`	`112`	`<CollapsibleSection title="Details" bind:open={isDetailsOpen} class="mt-5 mb-6">`
`@@ -128,7 +126,7 @@`
`128`	`126`	`initialScrollMode: 'scale',`
`129`	`127`	`tweened: { duration: 800, easing: cubicOut }`
`130`	`128`	`}}`
`131`		`- padding={{ top: 20, bottom: 20, left: 20, right: 20 }}`
	`129`	`+ padding={{ top: 60, bottom: 20, left: 20, right: 20 }}`
`132`	`130`	`let:tooltip`
`133`	`131`	`>`
`134`	`132`	`<TransformControls />`