prime8dev

commit b14b9493141ef6b9a7fbf7ecde9e94357415c917
parent d31170af160932c966fe1433b821eed971eb27f1
Author: Damian Myrda <damian@prime8.dev>
Date:   Wed, 21 Jan 2026 15:57:30 -0600

fix: scroll experience timeline to right on mobile

Diffstat:
M
web/src/components/pages/Experience.astro
 | 
24
++++++++++++++++++++++++

1 file changed, 24 insertions(+), 0 deletions(-)
diff --git a/web/src/components/pages/Experience.astro b/web/src/components/pages/Experience.astro
@@ -207,6 +207,30 @@ while (current <= timelineEnd) {
 
 <script>
   document.addEventListener("DOMContentLoaded", () => {
+    const experiencePage = document.getElementById("experience");
+    const timeline = document.querySelector(".timeline-container");
+
+    if (experiencePage && timeline) {
+      const scrollTimelineToEnd = () => {
+        timeline.scrollLeft = timeline.scrollWidth;
+      };
+
+      const observer = new MutationObserver(() => {
+        if (experiencePage.classList.contains("active")) {
+          scrollTimelineToEnd();
+        }
+      });
+
+      observer.observe(experiencePage, {
+        attributes: true,
+        attributeFilter: ["class"],
+      });
+
+      if (experiencePage.classList.contains("active")) {
+        scrollTimelineToEnd();
+      }
+    }
+
     document
       .querySelectorAll(".exp-image-hero, .exp-image-thumb")
       .forEach((img) => {