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

Support desktop touchscreens for timelines (#11241)

Browse Source 
* support desktop touchscreens

* remove placeholder select

* add max height to settings cameras dropdown
This commit is contained in:
Josh Hawkins
2024-05-04 22:00:33 -05:00
committed by GitHub
parent ad87f5786e
commit ca8ef70096
5 changed files with 7 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/hooks/use-draggable-element.ts
View File

@@ -1,5 +1,4 @@
import { ReactNode, useCallback, useEffect, useMemo, useState } from "react";
import { isMobile } from "react-device-detect";
import scrollIntoView from "scroll-into-view-if-needed";
import { useTimelineUtils } from "./use-timeline-utils";
@@ -88,7 +87,7 @@ function useDraggableElement({
const getClientYPosition = useCallback(
(e: MouseEvent | TouchEvent) => {
let clientY;
if (isMobile && e instanceof TouchEvent) {
if (e instanceof TouchEvent) {
clientY = e.touches[0].clientY;
} else if (e instanceof MouseEvent) {
clientY = e.clientY;
@@ -114,7 +113,7 @@ function useDraggableElement({
setIsDragging(true);
let clientY;
if (isMobile && e.nativeEvent instanceof TouchEvent) {
if (e.nativeEvent instanceof TouchEvent) {
clientY = e.nativeEvent.touches[0].clientY;
} else if (e.nativeEvent instanceof MouseEvent) {
clientY = e.nativeEvent.clientY;