chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

Adapt review timeline for mobile devices (#10120)

Browse Source 
* adapt timeline to mobile

* remove unused

* tweaks

* pointer cursor on segments
This commit is contained in:
Josh Hawkins
2024-02-28 07:18:08 -06:00
committed by GitHub
parent 5edaaceaf2
commit 485057abc1
9 changed files with 183 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/hooks/use-handle-dragging.ts
View File

@@ -4,7 +4,8 @@ interface DragHandlerProps {
contentRef: React.RefObject<HTMLElement>;
timelineRef: React.RefObject<HTMLDivElement>;
scrollTimeRef: React.RefObject<HTMLDivElement>;
alignDateToTimeline: (time: number) => number;
alignStartDateToTimeline: (time: number) => number;
alignEndDateToTimeline: (time: number) => number;
segmentDuration: number;
showHandlebar: boolean;
timelineDuration: number;
@@ -20,7 +21,7 @@ function useDraggableHandler({
contentRef,
timelineRef,
scrollTimeRef,
alignDateToTimeline,
alignStartDateToTimeline,
segmentDuration,
showHandlebar,
timelineDuration,
@@ -94,7 +95,7 @@ function useDraggableHandler({
);
const segmentIndex = Math.floor(newHandlePosition / segmentHeight);
const segmentStartTime = alignDateToTimeline(
const segmentStartTime = alignStartDateToTimeline(
timelineStart - segmentIndex * segmentDuration
);