From daae6c1d405bcb318c91955385ccac4a766dff35 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 10 Jul 2026 05:12:32 +0000
Subject: [PATCH] fix(course): keep lesson header below mobile sidebar

Remove the z-100 override on sticky lesson/exercise page headers so they
stack below the mobile sidebar sheet (z-50). Also make the lesson page
header sticky to match the exercise page.

Co-authored-by: Rotimi Best <rotimi-best@users.noreply.github.com>
---
 apps/dashboard/src/lib/features/course/pages/exercise.svelte | 2 +-
 apps/dashboard/src/lib/features/course/pages/lesson.svelte   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/dashboard/src/lib/features/course/pages/exercise.svelte b/apps/dashboard/src/lib/features/course/pages/exercise.svelte
index ffa93264..68a68516 100644
--- a/apps/dashboard/src/lib/features/course/pages/exercise.svelte
+++ b/apps/dashboard/src/lib/features/course/pages/exercise.svelte
@@ -405,7 +405,7 @@
   }
 </script>
 
-<Page.Header isSticky={true} class="top-12! z-100! min-h-[36px]">
+<Page.Header isSticky={true} class="top-12! min-h-[36px]">
   <Page.HeaderContent>
     <Page.Title class="flex flex-col gap-2">
       <span>{exerciseDisplayTitle}</span>
diff --git a/apps/dashboard/src/lib/features/course/pages/lesson.svelte b/apps/dashboard/src/lib/features/course/pages/lesson.svelte
index 6a970e60..7d389425 100644
--- a/apps/dashboard/src/lib/features/course/pages/lesson.svelte
+++ b/apps/dashboard/src/lib/features/course/pages/lesson.svelte
@@ -387,7 +387,7 @@
   }}
 />
 
-<Page.Header>
+<Page.Header isSticky={true} class="top-12! min-h-[36px]">
   <Page.HeaderContent>
     <LessonPageEditHeader
       {mode}