From c950a6552cbc4050395dc7b82856b3c09973c76d Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Wed, 3 Jul 2024 20:01:11 +0800
Subject: [PATCH] Experiment: unhide header when clicking on timeline items

---
 src/components/timeline.jsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/timeline.jsx b/src/components/timeline.jsx
index d4696502..d35692fb 100644
--- a/src/components/timeline.jsx
+++ b/src/components/timeline.jsx
@@ -388,6 +388,17 @@ function Timeline({
           dotRef.current = node;
         }}
         tabIndex="-1"
+        onClick={(e) => {
+          // If click on timeline item, unhide header
+          if (
+            headerRef.current &&
+            e.target.closest('.timeline-item, .timeline-item-alt')
+          ) {
+            setTimeout(() => {
+              headerRef.current.hidden = false;
+            }, 250);
+          }
+        }}
       >
         <div class="timeline-deck deck">
           <header