changes

nextjs/src/app/course/[courseName]/modules/ExpandableModule.tsx

@@ -1,6 +1,15 @@
-import { useAssignmentNamesQuery, useAssignmentsQueries } from "@/hooks/localCourse/assignmentHooks";
-import { usePageNamesQuery, usePagesQueries } from "@/hooks/localCourse/pageHooks";
-import { useQuizNamesQuery, useQuizzesQueries } from "@/hooks/localCourse/quizHooks";
+import {
+  useAssignmentNamesQuery,
+  useAssignmentsQueries,
+} from "@/hooks/localCourse/assignmentHooks";
+import {
+  usePageNamesQuery,
+  usePagesQueries,
+} from "@/hooks/localCourse/pageHooks";
+import {
+  useQuizNamesQuery,
+  useQuizzesQueries,
+} from "@/hooks/localCourse/quizHooks";
 import { IModuleItem } from "@/models/local/IModuleItem";
 import { getDateFromStringOrThrow } from "@/models/local/timeUtils";
 import { useState } from "react";
@@ -65,9 +74,12 @@ export default function ExpandableModule({
         className={
           `
           overflow-hidden 
-           transition-all duration-1000 ease-in
           ` + (expanded ? " max-h-[30vh]" : " max-h-0")
+          //  transition-all duration-1000 ease-in
         }
+        style={{
+          transition: "max-height 1s cubic-bezier(0, 1, 0, 1)",
+        }}
       >
         <hr />
         {moduleItems.map(({ type, item }) => (

nextjs/src/app/course/[courseName]/modules/ModuleList.tsx

@@ -1,6 +1,5 @@
 "use client";
 import { useModuleNamesQuery } from "@/hooks/localCourse/localCoursesHooks";
-import { useCourseContext } from "../context/courseContext";
 import ExpandableModule from "./ExpandableModule";
 
 export default function ModuleList() {

nextjs/src/app/globals.css

@@ -44,12 +44,12 @@ strong {
 
 ul {
   list-style-type: disc;
-  padding-left: 1.5rem; /* list-inside equivalent */
+  padding-left: 1.5rem;
 }
 
 ol {
   list-style-type: decimal;
-  padding-left: 1.5rem; /* list-inside equivalent */
+  padding-left: 1.5rem;
 }
 hr {
   @apply border-t border-gray-200 my-4;