From 2ad5cc4cc5f556802a9a541c1ec81138656d03d5 Mon Sep 17 00:00:00 2001
From: Nathan Sarrazin <sarrazin.nathan@gmail.com>
Date: Fri, 24 Jan 2025 12:02:12 +0100
Subject: [PATCH] fix: collapse arrow no longer visible on top of settings
 modal (#1666)

Fixes UI: The panel arrow appears over the settings dialog #1659
---
 src/routes/+layout.svelte | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ab29291eb87..e0e50ff8ec1 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -225,19 +225,19 @@
 	/>
 {/if}
 
-<ExpandNavigation
-	isCollapsed={isNavCollapsed}
-	on:click={() => (isNavCollapsed = !isNavCollapsed)}
-	classNames="absolute inset-y-0 z-10 my-auto {!isNavCollapsed
-		? 'left-[290px]'
-		: 'left-0'} *:transition-transform"
-/>
-
 <div
 	class="fixed grid h-full w-screen grid-cols-1 grid-rows-[auto,1fr] overflow-hidden text-smd {!isNavCollapsed
 		? 'md:grid-cols-[290px,1fr]'
 		: 'md:grid-cols-[0px,1fr]'} transition-[300ms] [transition-property:grid-template-columns] dark:text-gray-300 md:grid-rows-[1fr]"
 >
+	<ExpandNavigation
+		isCollapsed={isNavCollapsed}
+		on:click={() => (isNavCollapsed = !isNavCollapsed)}
+		classNames="absolute inset-y-0 z-10 my-auto {!isNavCollapsed
+			? 'left-[290px]'
+			: 'left-0'} *:transition-transform"
+	/>
+
 	<MobileNav isOpen={isNavOpen} on:toggle={(ev) => (isNavOpen = ev.detail)} title={mobileNavTitle}>
 		<NavMenu
 			conversations={data.conversations}
@@ -249,7 +249,7 @@
 		/>
 	</MobileNav>
 	<nav
-		class=" grid max-h-screen grid-cols-1 grid-rows-[auto,1fr,auto] overflow-hidden *:w-[290px] max-md:hidden"
+		class="grid max-h-screen grid-cols-1 grid-rows-[auto,1fr,auto] overflow-hidden *:w-[290px] max-md:hidden"
 	>
 		<NavMenu
 			conversations={data.conversations}