Auto overflow on SuperDebug

Author: ciscoheat

CHANGELOG.md

@@ -17,6 +17,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Type for `onChange.paths` wasn't strongly typed to `FormPath`.
 - Initial data was dereferenced after calling `superForm`, so it wasn't possible to update it when using `reset`.
 - `FormOptions` type required a type parameter that should've been defaulted to `Record<string, unknown>`.
+- Auto-overflow on [SuperDebug](https://superforms.rocks/super-debug), for small spaces.
 
 ## [2.4.0] - 2024-02-20
 

src/lib/client/SuperDebug.svelte

@@ -449,6 +449,10 @@
 		overflow: hidden;
 	}
 
+	.super-debug--pre {
+		overflow-x: auto;
+	}
+
 	.super-debug--collapse {
 		display: block;
 		width: 100%;
@@ -560,8 +564,8 @@
 	}
 
 	.super-debug pre::-webkit-scrollbar {
-		width: var(--sd-sb-width, var(--sd-vscode-sb-width, 1.25rem));
-		height: var(--sd-sb-height, var(--sd-vscode-sb-height, 1.25rem));
+		width: var(--sd-sb-width, var(--sd-vscode-sb-width, 1rem));
+		height: var(--sd-sb-height, var(--sd-vscode-sb-height, 1rem));
 	}
 
 	.super-debug pre::-webkit-scrollbar-track {