From 98b82e96528a1951f09544060fe86ccfa95b7280 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Tue, 24 Sep 2024 19:19:56 -0400
Subject: [PATCH] cleaner sidebar

---
 .../src/routes/docs/[...path]/+layout.svelte          | 10 ----------
 packages/site-kit/src/lib/docs/DocsContents.svelte    | 11 ++++++-----
 2 files changed, 6 insertions(+), 15 deletions(-)

diff --git a/apps/svelte.dev/src/routes/docs/[...path]/+layout.svelte b/apps/svelte.dev/src/routes/docs/[...path]/+layout.svelte
index ab2d242e24..a66889bcaa 100644
--- a/apps/svelte.dev/src/routes/docs/[...path]/+layout.svelte
+++ b/apps/svelte.dev/src/routes/docs/[...path]/+layout.svelte
@@ -75,16 +75,6 @@
 			overflow: hidden;
 		}
 
-		.toc-container::before {
-			content: '';
-			position: fixed;
-			width: 0;
-			height: 100%;
-			top: 0;
-			left: calc(var(--sidebar-width) - 1px);
-			border-right: 1px solid var(--sk-back-5);
-		}
-
 		.page {
 			padding-left: calc(var(--sidebar-width) + var(--sk-page-padding-side));
 		}
diff --git a/packages/site-kit/src/lib/docs/DocsContents.svelte b/packages/site-kit/src/lib/docs/DocsContents.svelte
index e78b6449b8..3fcfcdc810 100644
--- a/packages/site-kit/src/lib/docs/DocsContents.svelte
+++ b/packages/site-kit/src/lib/docs/DocsContents.svelte
@@ -150,18 +150,19 @@
 		}
 
 		.active::after {
-			--size: 1rem;
+			--size: 1.8rem;
 			content: '';
 			position: absolute;
 			width: var(--size);
 			height: var(--size);
-			top: -0.1rem;
+			top: calc(0.8rem - var(--size) * 0.5);
 			right: calc(-0.5 * var(--size));
 			background-color: var(--sk-back-1);
-			border-left: 1px solid var(--sk-back-5);
-			border-bottom: 1px solid var(--sk-back-5);
-			transform: translateY(0.2rem) rotate(45deg);
 			z-index: 2;
+			position: absolute;
+			rotate: 45deg;
+			/** needed to synchronise with transition on `*` in `base.css` */
+			transition: background-color 0.5s var(--quint-out);
 		}
 	}
 </style>