fix: fixed zindex and width issue (openedx#1346)

Author: sundasnoreen12

src/courseware/course/new-sidebar/common/SidebarBase.jsx

@@ -41,7 +41,7 @@ const SidebarBase = ({
 
   return (
     <section
-      className={classNames('ml-0 ml-lg-4 h-auto align-top', {
+      className={classNames('ml-0 ml-lg-4 h-auto align-top zindex-0', {
         'min-vh-100': !shouldDisplayFullScreen && allowFullHeight,
         'bg-white m-0 border-0 fixed-top vh-100 rounded-0': shouldDisplayFullScreen,
         'd-none': currentSidebar !== sidebarId,

src/courseware/course/sequence/sequence-navigation/SequenceNavigationTabs.jsx

@@ -23,7 +23,7 @@ const SequenceNavigationTabs = ({
       <div
         ref={containerRef}
         className={classNames('sequence-navigation-tabs-container', {
-          'navigation-tab-width': isOnXLDesktop && shouldDisplayDropdown,
+          'navigation-tab-width': isOnXLDesktop,
         })}
       >
         <div

src/courseware/course/sidebar/common/SidebarBase.jsx

@@ -36,7 +36,7 @@ const SidebarBase = ({
 
   return (
     <section
-      className={classNames('ml-0 ml-lg-4 border border-light-400 rounded-sm h-auto align-top', {
+      className={classNames('ml-0 ml-lg-4 border border-light-400 rounded-sm h-auto align-top zindex-0', {
         'bg-white m-0 border-0 fixed-top vh-100 rounded-0': shouldDisplayFullScreen,
         'min-vh-100': !shouldDisplayFullScreen,
         'd-none': currentSidebar !== sidebarId,

src/index.scss

@@ -174,7 +174,7 @@
   }
 
   .navigation-tab-width {
-    max-width: 30rem;
+    max-width: 46rem;
   }
 
   .sequence-navigation-dropdown {