From 0135fdb3c7d0cf90e3539dacc948b395bd6c9b06 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Sat, 7 Jun 2025 23:22:09 +1000
Subject: [PATCH 1/4] disable wrapping and overflow on hover

---
 src/lib/components/app-sidebar.svelte | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/lib/components/app-sidebar.svelte b/src/lib/components/app-sidebar.svelte
index 37a79771..3a491a4f 100644
--- a/src/lib/components/app-sidebar.svelte
+++ b/src/lib/components/app-sidebar.svelte
@@ -209,12 +209,19 @@
 																	<a
 																		href={item.url}
 																		{...props}
+																		class={clsx(
+																			'group/link z-50 text-nowrap hover:overflow-visible',
+																			props.class || ''
+																		)}
 																		target={item.url.startsWith('http') ? '_blank' : undefined}
 																		rel={item.url.startsWith('http')
 																			? 'noopener noreferrer'
 																			: undefined}
 																	>
 																		{item.title}
+																		<div
+																			class="absolute right-0 h-full w-[25%] bg-gradient-to-r from-transparent to-sidebar group-hover/link:opacity-0"
+																		></div>
 																	</a>
 																{/snippet}
 															</Sidebar.MenuSubButton>

From 833dcd45f3ff81d71004822c5b4a2d0ebbf0f71b Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Sat, 7 Jun 2025 23:23:34 +1000
Subject: [PATCH 2/4] allow sidebar to overflow

---
 src/lib/components/app-sidebar.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/app-sidebar.svelte b/src/lib/components/app-sidebar.svelte
index 3a491a4f..8f54473d 100644
--- a/src/lib/components/app-sidebar.svelte
+++ b/src/lib/components/app-sidebar.svelte
@@ -163,7 +163,7 @@
 			</Sidebar.MenuItem>
 		</Sidebar.Menu>
 	</Sidebar.Header>
-	<Sidebar.Content>
+	<Sidebar.Content class="overflow-visible">
 		<Sidebar.Group>
 			<Sidebar.Menu>
 				{#each mainNavigation as groupItem (groupItem.title)}

From 91d322ecbf0136e0979bfc53f12e5423eb2e0c5f Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Sat, 7 Jun 2025 23:28:37 +1000
Subject: [PATCH 3/4] undo that, it doesnt work :(

---
 src/lib/components/app-sidebar.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/app-sidebar.svelte b/src/lib/components/app-sidebar.svelte
index 8f54473d..3a491a4f 100644
--- a/src/lib/components/app-sidebar.svelte
+++ b/src/lib/components/app-sidebar.svelte
@@ -163,7 +163,7 @@
 			</Sidebar.MenuItem>
 		</Sidebar.Menu>
 	</Sidebar.Header>
-	<Sidebar.Content class="overflow-visible">
+	<Sidebar.Content>
 		<Sidebar.Group>
 			<Sidebar.Menu>
 				{#each mainNavigation as groupItem (groupItem.title)}

From 7a6086a0ec7039b70237e596dc85a547c207ab32 Mon Sep 17 00:00:00 2001
From: Ingo Wolf <me@ingowolf.au>
Date: Sat, 7 Jun 2025 23:35:20 +1000
Subject: [PATCH 4/4] just make the sidebar wider lol

---
 src/lib/components/app-sidebar.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/app-sidebar.svelte b/src/lib/components/app-sidebar.svelte
index 3a491a4f..d6a5e1f0 100644
--- a/src/lib/components/app-sidebar.svelte
+++ b/src/lib/components/app-sidebar.svelte
@@ -112,7 +112,7 @@
 
 <svelte:document onkeydown={handleKeydown} />
 
-<Sidebar.Root collapsible="icon" bind:ref {...restProps}>
+<Sidebar.Root collapsible="icon" bind:ref {...restProps} class="w-72">
 	<Sidebar.Header>
 		<Sidebar.Menu>
 			<Sidebar.MenuItem>