diff --git a/nextjs/src/app/course/[courseName]/modules/ExpandableModule.tsx b/nextjs/src/app/course/[courseName]/modules/ExpandableModule.tsx index 245d934..b0222eb 100644 --- a/nextjs/src/app/course/[courseName]/modules/ExpandableModule.tsx +++ b/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)", + }} >
{moduleItems.map(({ type, item }) => ( diff --git a/nextjs/src/app/course/[courseName]/modules/ModuleList.tsx b/nextjs/src/app/course/[courseName]/modules/ModuleList.tsx index c6a4d75..ab389a8 100644 --- a/nextjs/src/app/course/[courseName]/modules/ModuleList.tsx +++ b/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() { diff --git a/nextjs/src/app/globals.css b/nextjs/src/app/globals.css index 87a615f..65ac91e 100644 --- a/nextjs/src/app/globals.css +++ b/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;