CLASSROOMIO-T-255: Fix course sidebar bug

CLASSROOMIO-T-255: Lesson page UX improvements

CLASSROOMIO-T-255:Updated part of the code

CLASSROOMIO-T-255:Worked on the sidebar

CLASSROOMIO-T-255:Worked on the sidebar

CLASSROOMIO-T-255:Worked on the sidebar

CLASSROOMIO-T-255:Worked on the sidebar and the appbar


Co-authored-by: Ifeanyi Nwosu <ifeanyi@digdippa.com>
Co-authored-by: Rotimi Best <rotimiibitoyeemma@gmail.com>


Merge-request: CLASSROOMIO-MR-117
Merged-by: Best Admin <best@digdippa.com>

src/lib/components/Apps/index.svelte

@@ -40,7 +40,7 @@
     } else {
       $apps.selectedApp = appName;
     }
-    $apps.dropdown = false;
+    $apps.dropdown = !$apps.dropdown;
   }
 
   function updateTopPadding(isStudent: boolean) {
@@ -91,7 +91,6 @@
         toolTipProps={{ title: 'Settings', hotkeys: ['A', '0'] }}
         onClick={() => {
           handleAppClick();
-          $apps.dropdown = !$apps.dropdown;
         }}
       >
         <Settings size={24} class="carbon-icon dark:text-white lg:hidden" />
@@ -194,9 +193,7 @@
 
   @media screen and (min-width: 768px) and (max-width: 1023px) {
     .app {
-      min-width: 280px;
-      max-width: 300px;
-      width: 300px;
+      width: 50vw;
       position: relative;
       overflow: auto;
     }
@@ -204,7 +201,8 @@
 
   @media screen and (max-width: 767px) {
     .app {
-      width: 100%;
+      width: 100vw;
+      min-width: calc(100vw - 60px);
       position: relative;
       overflow: auto;
     }