fix: making menu expanded by default and responsiviness

bcgov · Dec 23, 2024 · ff33d5a · ff33d5a
1 parent 7543bcd
commit ff33d5a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/components/BCHeader/index.tsx b/frontend/src/components/BCHeader/index.tsx
@@ -82,7 +82,7 @@ const BCHeader = () => {
 
   return (
     <HeaderContainer
-      isSideNavExpanded={false}
+      isSideNavExpanded
       render={({ isSideNavExpanded, onClickSideNavExpand }: HearderContainerProps) => (
         <Header
           aria-label={componentTexts.completeTitle}
@@ -181,7 +181,6 @@ const BCHeader = () => {
                   expanded={isSideNavExpanded}
                   aria-label={componentTexts.sideMenuAriaLabel}
                   className={`spar-side-nav ${!isSideNavExpanded ? 'spar-side-nav-expanded' : ''}`}
-                  onClick={onClickSideNavExpand}
                 >
                   <div className="side-nav-top">
                     {

diff --git a/frontend/src/layout/PrivateLayout/styles.scss b/frontend/src/layout/PrivateLayout/styles.scss
@@ -31,7 +31,8 @@ header.spar-header:not(.spar-header-expanded) + div.main-container {
 }
 
 @media only screen and (max-width: 1055px) {
-  .main-container {
+  .main-container,
+  header.spar-header:not(.spar-header-expanded) + div.main-container {
     padding-top: 5rem;
     padding-left: 0;
   }