From 98b2103286f04d67db1d57f9e3330efa5d41fdb7 Mon Sep 17 00:00:00 2001
From: Simon Orzel <simonorzel@gmail.com>
Date: Thu, 17 Jul 2025 02:25:24 +0200
Subject: feat: working

---
 .../components/editor/timeline/timeline-playhead.tsx    | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

(limited to 'apps/web/src/components/editor/timeline/timeline-playhead.tsx')

diff --git a/apps/web/src/components/editor/timeline/timeline-playhead.tsx b/apps/web/src/components/editor/timeline/timeline-playhead.tsx
index 7e64a890..a4d035f6 100644
--- a/apps/web/src/components/editor/timeline/timeline-playhead.tsx
+++ b/apps/web/src/components/editor/timeline/timeline-playhead.tsx
@@ -54,23 +54,18 @@ export function TimelinePlayhead({
   const timelineContainerHeight = timelineRef.current?.offsetHeight || 400;
   const totalHeight = timelineContainerHeight - 8; // 8px padding from edges
 
-  // Get dynamic track labels width, fallback to 0 if no tracks or no ref
-  const trackLabelsWidth =
-    tracks.length > 0 && trackLabelsRef?.current
-      ? trackLabelsRef.current.offsetWidth
-      : 0;
-  const leftPosition =
-    trackLabelsWidth +
-    playheadPosition * TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel;
+  // Get dynamic track labels width, fallback to 192px (ml-48) if no tracks or no ref
+  const trackLabelsWidth = 192; // Fixed width from grid layout
+  const leftPosition = playheadPosition * TIMELINE_CONSTANTS.PIXELS_PER_SECOND * zoomLevel;
 
   return (
     <div
       ref={playheadRef}
-      className="absolute pointer-events-auto z-[100] ml-48"
+      className="absolute pointer-events-auto z-[95]"
       style={{
-        left: `${leftPosition}px`,
+        left: `${trackLabelsWidth + leftPosition}px`,
         top: 0,
-        height: `${totalHeight}px`,
+        bottom: 0,
         width: "2px", // Slightly wider for better click target
       }}
       onMouseDown={handlePlayheadMouseDown}
-- 
cgit v1.3.1