From 640bbf1c747ebc74b4cda5844aa20b6a43e94a56 Mon Sep 17 00:00:00 2001
From: Innei <tukon479@gmail.com>
Date: Tue, 18 Feb 2025 13:26:26 +0800
Subject: [PATCH] fix(ui): Correct triangle menu and layout positioning logic

Refactored coordinate calculations in triangle menu interaction:
- Reordered point parameters in `isPointInTriangle` function
- Adjusted trigger and panel rectangle coordinate references
- Modified margin classes for better layout spacing

Signed-off-by: Innei <tukon479@gmail.com>
---
 .../src/modules/timeline-column/TimelineSelector.tsx        | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/renderer/src/modules/timeline-column/TimelineSelector.tsx b/apps/renderer/src/modules/timeline-column/TimelineSelector.tsx
index 884632fd7..337cd53ed 100644
--- a/apps/renderer/src/modules/timeline-column/TimelineSelector.tsx
+++ b/apps/renderer/src/modules/timeline-column/TimelineSelector.tsx
@@ -97,7 +97,7 @@ export const TimelineSelector = ({ timelineId }: { timelineId: string | undefine
 
   return (
     <Fragment>
-      <div ref={containerRef} className="mt-3 pb-4">
+      <div ref={containerRef} className="mb-4 mt-3">
         <div
           ref={scrollRef}
           className={clsx(
@@ -316,8 +316,8 @@ function useTriangleMenu(triggerRef: React.RefObject<HTMLElement>, panelRef: HTM
       if (!lastPoint) return
 
       const inTriangle = isPointInTriangle(
+        { x: clientX, y: clientY },
         { x: lastPoint.x, y: lastPoint.y },
-        { x: triggerRect.right - triggerRect.width / 2, y: triggerRect.top },
         { x: panelRect.left, y: panelRect.top },
         { x: panelRect.left, y: panelRect.bottom },
       )
@@ -330,7 +330,7 @@ function useTriangleMenu(triggerRef: React.RefObject<HTMLElement>, panelRef: HTM
             { x: clientX, y: clientY },
             {
               x: triggerRect.left,
-              y: triggerRect.bottom,
+              y: triggerRect.top,
               width: triggerRect.width,
               height: triggerRect.height,
             },