fix: TS Toggle position (#267)

sveltejs · Dec 7, 2023 · 78138ab · 78138ab
1 parent 2d455a4
commit 78138ab
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/.changeset/dry-pigs-press.md b/.changeset/dry-pigs-press.md
@@ -0,0 +1,5 @@
+---
+'@sveltejs/site-kit': patch
+---
+
+fix: TS Toggle position
diff --git a/packages/site-kit/src/lib/components/ToggleButton.svelte b/packages/site-kit/src/lib/components/ToggleButton.svelte
@@ -55,8 +55,12 @@
 		left: 2px;
 		border-radius: 50%;
 		background: var(--fg);
-		box-shadow: 0 0px 1px rgba(0, 0, 0, 0.4), 0 4px 2px rgba(0, 0, 0, 0.1);
-		transition: background 0.2s ease-out, left 0.2s ease-out;
+		box-shadow:
+			0 0px 1px rgba(0, 0, 0, 0.4),
+			0 4px 2px rgba(0, 0, 0, 0.1);
+		transition:
+			background 0.2s ease-out,
+			left 0.2s ease-out;
 	}
 
 	button[aria-pressed='true']::after {

diff --git a/packages/site-kit/src/lib/docs/TSToggle.svelte b/packages/site-kit/src/lib/docs/TSToggle.svelte
@@ -32,6 +32,7 @@
 	@media (min-width: 832px) {
 		.input-output-toggle {
 			padding: 0rem;
+			transform: translateX(-1rem);
 			width: var(--sidebar-menu-width);
 			margin: 0 0 0 auto;
 		}