Fixed SuperDebug collapsed height.

Author: ciscoheat

CHANGELOG.md

@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Fixed types for constraints, tainted and errors when using intersections and unions in schemas.
+- Fixed SuperDebug collapsed height by preventing global css leak.
 
 ## [2.8.1] - 2024-03-07
 

src/lib/client/SuperDebug.svelte

@@ -478,8 +478,9 @@
 			</div>
 		</div>
 		<pre
-			class="super-debug--pre {collapsed && label === '' ? 'h-4' : ''}"
-			class:hidden={collapsed}
+			class="super-debug--pre"
+			class:super-debug--with-label={label}
+			class:super-debug--hidden={collapsed}
 			bind:this={ref}><code class="super-debug--code"
 				><slot
 					>{#if assertPromise($debugData, raw, promise)}{#await $debugData}<div
@@ -552,21 +553,13 @@
 		right: 0px;
 	}
 
-	.pt-0 {
-		padding-top: 0px;
-	}
-
-	.pt-4 {
-		padding-top: 1em;
-	}
-
-	.hidden {
+	.super-debug--hidden {
 		height: 0;
 		overflow: hidden;
 	}
 
-	.hidden.h-4 {
-		height: 1.25em;
+	.super-debug--hidden:not(.super-debug--with-label) {
+		height: 1.5em;
 	}
 
 	.rotated {

src/routes/(v1)/super-debug/+page.svelte

@@ -223,4 +223,8 @@
 	:global(.space-y-4 > * + *) {
 		margin-top: 1rem;
 	}
+
+	:global(.hidden) {
+		display: none;
+	}
 </style>