From a676328f448cd60146d9dca67e6e2e5f2fc37a3c Mon Sep 17 00:00:00 2001
From: lillijo <lillijoppien@gmail.com>
Date: Wed, 3 Jul 2024 20:10:39 +0200
Subject: [PATCH] fix overflow timeline

---
 .../components/timetable.server.tsx           | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/app/[locale]/timeline/[[...slug]]/components/timetable.server.tsx b/src/app/[locale]/timeline/[[...slug]]/components/timetable.server.tsx
index 297bdd6..ce110ac 100644
--- 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>
   );
 }