fix(KUI-1434): made the local navigation items expandable

KTH · Sep 5, 2024 · 2e53c7c · 2e53c7c
1 parent ad10bae
commit 2e53c7c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/public/css/_shared.scss b/public/css/_shared.scss
@@ -16,6 +16,9 @@
       }
     }
   }
+  .kth-local-navigation--mobile {
+    padding: 0;
+  }
   label:has(+ .form-group),
   label:has(+ input) {
     @include typography.font-heading-xs;

diff --git a/public/js/app/components/SideMenu.jsx b/public/js/app/components/SideMenu.jsx
@@ -34,9 +34,11 @@ const SideMenu = ({ labels, courseCode, language, aboutCourseMemo, courseMemoIte
           <a href={aboutCourseLink(courseCode, language)}> {labels.beforeChoosingCourse}</a>
         </li>
 
-        <li className="kth-local-navigation__submenu">
-          <h3>{labels.courseMemo}</h3>
-          <ul>
+        <li>
+          <a href={aboutCourseMemoLink(courseCode)} className={'expandable expanded'}>
+            {labels.courseMemo}
+          </a>
+          <ul className="kth-local-navigation__submenu">
             <li>
               <a href={aboutCourseMemoLink(courseCode)} {...(aboutCourseMemo ? { 'aria-current': 'page' } : {})}>
                 {labels.aboutCourseMemos}