CLASSROOMIO-T-145:Made the LMS dashboard responsive

CLASSROOMIO-T-145: All done and ready

CLASSROOMIO-T-145: All done and ready

CLASSROOMIO-T-145: Fixed the Z-index issue

Merge branch 'main' into CLASSROOMIO-T-145

CLASSROOMIO-T-145: Finished implementing the responsive design for the Main dashboard and LMS dashboard

Merge branch 'main' into CLASSROOMIO-T-145

CLASSROOMIO-T-144:Updating the dashboard responsiveness ooth for LMS and the Main dashboard

CLASSROOMIO-T-144:Updated the dashboard responsiveness ooth for LMS and the Main dashboard

Merge branch 'main' into CLASSROOMIO-T-145

CLASSROOMIO-T-145:Made the LMS dashboard responsive


Co-authored-by: Ifeanyi Nwosu <[email protected]>


Merge-request: CLASSROOMIO-MR-66
Merged-by: Best Admin <[email protected]>

src/lib/components/Navigation/app.svelte

@@ -48,15 +48,17 @@
 >
   <ul class="flex w-full items-center">
     <div class="flex items-center text-white">
-      <li>
-        <IconButton onClick={toggleSidebar}>
-          {#if $menu.hidden}
-            <Menu size={16} class="md:hidden text-white" />
-          {:else}
-            <Close size={16} class="md:hidden text-white" />
-          {/if}
-        </IconButton>
-      </li>
+      {#if !isCoursePage}
+        <li>
+          <IconButton onClick={toggleSidebar}>
+            {#if $menu.hidden}
+              <Menu size={16} class="md:hidden text-white" />
+            {:else}
+              <Close size={16} class="md:hidden text-white" />
+            {/if}
+          </IconButton>
+        </li>
+      {/if}
       {#if isCoursePage}
         <IconButton
           onClick={() => {

src/lib/components/Navigation/lms.svelte

@@ -7,10 +7,16 @@
 
   import IconButton from '$lib/components/IconButton/index.svelte';
   import { appStore } from '$lib/utils/store/app';
+  import { Close, Menu } from 'carbon-icons-svelte';
+  import { menu } from '$lib/components/Org/store';
   import { toggleBodyByMode } from '$lib/utils/functions/app';
 
   export let navClass = '';
 
+  const toggleSidebar = () => {
+    $menu.hidden = !$menu.hidden;
+  };
+
   function toggleDarkMode() {
     $appStore.isDark = !$appStore.isDark;
 
@@ -23,6 +29,15 @@
 
 <nav class="{navClass} flex w-full p-2 md:px-6 bg-primary-700">
   <ul class="flex w-full items-center">
+    <li>
+      <IconButton onClick={toggleSidebar}>
+        {#if $menu.hidden}
+          <Menu size={16} class="md:hidden text-white" />
+        {:else}
+          <Close size={16} class="md:hidden text-white" />
+        {/if}
+      </IconButton>
+    </li>
     <div class="">
       <a href={$page.url.pathname} title="Go to ClassroomIO Home" id="logo" class="text-lg">
         ClassroomIO