diff --git a/client/src/components/bunny-video-modal.tsx b/client/src/components/bunny-video-modal.tsx index ec5f371..90ff59d 100644 --- a/client/src/components/bunny-video-modal.tsx +++ b/client/src/components/bunny-video-modal.tsx @@ -88,24 +88,26 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos clearTimeout(navigationTimeout); } - // Sakrij navigacijo po 4 sekundah + // Sakrij navigacijo po 6 sekundah (daljši čas) const timeout = setTimeout(() => { setShowNavigation(false); - }, 4000); + }, 6000); setNavigationTimeout(timeout); }; useEffect(() => { - const handleEscape = (e: KeyboardEvent) => { + const handleKeyDown = (e: KeyboardEvent) => { if (e.key === "Escape" && isOpen) { onClose(); + } else if (isOpen && (e.key === " " || e.key === "Enter" || e.key === "ArrowLeft" || e.key === "ArrowRight")) { + showNavigationTemporarily(); } }; if (isOpen) { - document.addEventListener("keydown", handleEscape); + document.addEventListener("keydown", handleKeyDown); document.body.style.overflow = "hidden"; // Prikaži kontrole ob odprtju modala @@ -115,7 +117,7 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos } return () => { - document.removeEventListener("keydown", handleEscape); + document.removeEventListener("keydown", handleKeyDown); document.body.style.overflow = ""; // Počisti timeout ob zaprtju @@ -296,6 +298,7 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos