administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-09 04:35:25 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Fix hovering getting stuck

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-22 07:37:33 -06:00
parent 072adaea02
commit 4aceebee24
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/components/player/PreviewThumbnailPlayer.tsx
View File

@ -171,7 +171,7 @@ export default function PreviewThumbnailPlayer({
{...swipeHandlers}
>
{playingBack && (
<div className="absolute inset-0 animate-in fade-in">
<div className="absolute inset-0 animate-in fade-in pointer-events-none">
<PreviewContent
review={review}
relevantPreview={relevantPreview}
@ -486,10 +486,10 @@ function VideoPreview({
);
return (
<div className="relative size-full aspect-video bg-black">
<div className="relative size-full aspect-video bg-black pointer-events-none">
<video
ref={playerRef}
className="size-full aspect-video bg-black"
className="size-full aspect-video bg-black pointer-events-none"
autoPlay
playsInline
preload="auto"
@ -500,7 +500,7 @@ function VideoPreview({
</video>
<Slider
ref={sliderRef}
className="absolute inset-x-0 bottom-0 z-30"
className="absolute inset-x-0 bottom-0 z-30 pointer-events-none"
value={[progress]}
onValueChange={onManualSeek}
onValueCommit={onStopManualSeek}
@ -654,7 +654,7 @@ function InProgressPreview({
}
return (
<div className="relative size-full flex items-center bg-black">
<div className="relative size-full flex items-center bg-black pointer-events-none">
<img
className="size-full object-contain"
src={`${apiHost}api/preview/${previewFrames[key]}/thumbnail.webp`}
@ -681,8 +681,8 @@ function PreviewPlaceholder({ imgLoaded }: { imgLoaded: boolean }) {
}
return isSafari ? (
<div className={`absolute inset-0 bg-gray-300`} />
<div className={`absolute inset-0 bg-gray-300 pointer-events-none`} />
) : (
<Skeleton className={`absolute inset-0`} />
<Skeleton className={`absolute inset-0 pointer-events-none`} />
);
}