fix overflow timeline

udk-berlin · Jul 3, 2024 · a676328 · a676328
1 parent e439171
commit a676328
Showing 1 changed file with 16 additions and 14 deletions.
diff --git a/src/app/[locale]/timeline/[[...slug]]/components/timetable.server.tsx b/src/app/[locale]/timeline/[[...slug]]/components/timetable.server.tsx
@@ -11,20 +11,22 @@ export default async function TimeTable() {
   const items = await getEventLocations();
 
   return (
-    <div
-      className="relative h-fit w-screen overflow-scroll"
-      id="timetable-container"
-    >
-      <TimelineDays />
-      <TimeScale />
-      <TimeGrid />
-      {items.map((eventLocation) => (
-        <EventContainer key={eventLocation.id} location={eventLocation}>
-          <EventLocation location={eventLocation} />
-        </EventContainer>
-      ))}
-      <ScrollForwardButton />
-      <ScrollBackwardButton />
+    <div className="relative h-content w-full overflow-x-visible overflow-y-scroll">
+      <div
+        className="relative h-fit w-screen overflow-y-clip overflow-x-scroll"
+        id="timetable-container"
+      >
+        <TimelineDays />
+        <TimeScale />
+        <TimeGrid />
+        {items.map((eventLocation) => (
+          <EventContainer key={eventLocation.id} location={eventLocation}>
+            <EventLocation location={eventLocation} />
+          </EventContainer>
+        ))}
+        <ScrollForwardButton />
+        <ScrollBackwardButton />
+      </div>
     </div>
   );
 }