diff --git a/app/pages/PageEnigma/comps/Timeline/RowHeaders/CameraHeader.tsx b/app/pages/PageEnigma/comps/Timeline/RowHeaders/CameraHeader.tsx index e71db86495..0f44e49ccc 100644 --- a/app/pages/PageEnigma/comps/Timeline/RowHeaders/CameraHeader.tsx +++ b/app/pages/PageEnigma/comps/Timeline/RowHeaders/CameraHeader.tsx @@ -12,7 +12,7 @@ export function CameraHeader() { fill="white" /> - Global Audio + Camera ); } diff --git a/app/pages/PageEnigma/comps/Timeline/RowHeaders/RowHeaders.tsx b/app/pages/PageEnigma/comps/Timeline/RowHeaders/RowHeaders.tsx index 03d4a5edaf..06bf57ca11 100644 --- a/app/pages/PageEnigma/comps/Timeline/RowHeaders/RowHeaders.tsx +++ b/app/pages/PageEnigma/comps/Timeline/RowHeaders/RowHeaders.tsx @@ -21,9 +21,9 @@ export const RowHeaders = () => { useSignals(); const compressedHeaderClasses = - "flex h-[35px] items-center gap-2 pl-2 text-xs font-medium text-white"; + "flex h-[35px] items-center gap-2 pl-2 text-xs rounded-tl-lg font-medium text-white"; const uncompressedHeaderClasses = - "flex h-[35px] items-center gap-2 rounded-br-lg pl-2 text-xs font-medium text-white"; + "flex h-[35px] items-center gap-2 rounded-br-lg rounded-tl-lg pl-2 text-xs font-medium text-white"; return (
@@ -63,7 +63,7 @@ export const RowHeaders = () => { Animation
- Transition + Movement
diff --git a/app/pages/PageEnigma/comps/Timeline/Scrubber.tsx b/app/pages/PageEnigma/comps/Timeline/Scrubber.tsx index 40f051f21c..34ba1d99be 100644 --- a/app/pages/PageEnigma/comps/Timeline/Scrubber.tsx +++ b/app/pages/PageEnigma/comps/Timeline/Scrubber.tsx @@ -1,13 +1,10 @@ import { currentTime, - fullHeight, scale, stylizeScrollX, timelineHeight, timelineScrollX, } from "~/pages/PageEnigma/store"; -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { faSortDown } from "@fortawesome/pro-solid-svg-icons"; import { useMouseEventsScrubber } from "~/pages/PageEnigma/comps/Timeline/utils/useMouseEventsScrubber"; import { useSignals } from "@preact/signals-react/runtime"; import { Pages } from "~/pages/PageEnigma/constants/page"; @@ -32,7 +29,7 @@ export const Scrubber = ({ page }: Props) => { className="absolute flex cursor-ew-resize flex-col items-center text-brand-primary" style={{ top: 16, - left: displayTime * 4 * scale.value + 201 - scrollX, + left: displayTime * 4 * scale.value + 199 - scrollX, }} onPointerDown={onPointerDown}>
diff --git a/app/pages/PageEnigma/comps/Timeline/TrackKeyFrame.tsx b/app/pages/PageEnigma/comps/Timeline/TrackKeyFrame.tsx index 30f70ead33..3e4683b417 100644 --- a/app/pages/PageEnigma/comps/Timeline/TrackKeyFrame.tsx +++ b/app/pages/PageEnigma/comps/Timeline/TrackKeyFrame.tsx @@ -40,7 +40,7 @@ export const TrackKeyFrame = ({ keyframe, updateKeyframe }: Props) => { : "bg-keyframe-unselected", ].join(" ")} style={{ - left: displayOffset * 4 * scale.value - 2, + left: displayOffset * 4 * scale.value - 5, }} onPointerDown={(event) => onPointerDown(event, "drag")} onClick={(event) => { diff --git a/app/pages/PageEnigma/comps/Timeline/utils/useTimelineClick.ts b/app/pages/PageEnigma/comps/Timeline/utils/useTimelineClick.ts index a17f403848..bf16c071e3 100644 --- a/app/pages/PageEnigma/comps/Timeline/utils/useTimelineClick.ts +++ b/app/pages/PageEnigma/comps/Timeline/utils/useTimelineClick.ts @@ -3,6 +3,7 @@ import { currentTime, filmLength, scale, + selectedItem, stylizeScrollX, timelineScrollX, } from "~/pages/PageEnigma/store"; @@ -25,6 +26,7 @@ export default function useTimelineClick(page: Pages) { if (newTime > max) { return; } + selectedItem.value = null; currentTime.value = newTime; Queue.publish({ queueName: QueueNames.TO_ENGINE,