From 6690b6bf342772eddcde76c09d48f5f8d393aaae Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Wed, 22 May 2024 05:09:16 +0100
Subject: [PATCH] fix: scroll issue on bottom lesson widget

---
 .../src/lib/components/CourseContainer/index.svelte         | 3 ++-
 .../courses/[id]/lessons/[...lessonParams]/+page.svelte     | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/dashboard/src/lib/components/CourseContainer/index.svelte b/apps/dashboard/src/lib/components/CourseContainer/index.svelte
index 27adccab..cea84cae 100644
--- a/apps/dashboard/src/lib/components/CourseContainer/index.svelte
+++ b/apps/dashboard/src/lib/components/CourseContainer/index.svelte
@@ -16,6 +16,7 @@
   export let isExercisePage = false;
   export let isStudent = false;
   export let isFetching = false;
+  export let containerClass = '';
 
   let prevCourseId = '';
 
@@ -71,7 +72,7 @@
 
 <div class="root">
   <Navigation {path} {isStudent} />
-  <div class="rightBar" class:isMobile={$isMobile}>
+  <div class="rightBar {containerClass}" class:isMobile={$isMobile}>
     {#if isExercisePage}
       <Confetti />
     {/if}
diff --git a/apps/dashboard/src/routes/courses/[id]/lessons/[...lessonParams]/+page.svelte b/apps/dashboard/src/routes/courses/[id]/lessons/[...lessonParams]/+page.svelte
index 0af8fa99..67aae117 100644
--- a/apps/dashboard/src/routes/courses/[id]/lessons/[...lessonParams]/+page.svelte
+++ b/apps/dashboard/src/routes/courses/[id]/lessons/[...lessonParams]/+page.svelte
@@ -256,6 +256,7 @@
   {path}
   isExercisePage={!data.isMaterialsTabActive && !!data.exerciseId}
   bind:courseId={data.courseId}
+  containerClass="relative"
 >
   <PageNav
     bind:hideOnMobile={isStudent}
@@ -373,8 +374,9 @@
       {/if} -->
     </PageBody>
   {/if}
-  <!-- Mobile Navigation -->
-  <div class="sticky bottom-5 flex items-center justify-center">
+
+  <!-- Bottom Lesson Widget -->
+  <div class="absolute w-full bottom-5 flex items-center justify-center">
     <div
       class="flex items-center gap-2 w-fit rounded-full shadow-xl bg-gray-100 dark:bg-neutral-700 px-5 py-1"
     >