From 866815516cbf4ffb8dae7b84039f0baf6e4cb933 Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Sat, 8 Dec 2018 15:01:07 +0900
Subject: [PATCH] Hide cursor when hiding controls

---
 mixins/AMV.pixy          | 2 +-
 scripts/AnimeNotifier.ts | 2 ++
 styles/video.scarlet     | 3 +++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/mixins/AMV.pixy b/mixins/AMV.pixy
index a4a5b1e0..7377906a 100644
--- a/mixins/AMV.pixy
+++ b/mixins/AMV.pixy
@@ -10,7 +10,7 @@ component AMVMini(amv *arn.AMV, user *arn.User)
 
 component AMVVideo(amv *arn.AMV)
 	.video-container(id=amv.ID, data-api="/api/amv/" + amv.ID)
-		video.video.media-play-area.lazy.action(data-action="playVideo", data-trigger="click", data-media-id=amv.ID)
+		video.video.lazy.action(data-action="playVideo", data-trigger="click", data-media-id=amv.ID)
 			source(data-src="https://notify.moe/videos/amvs/" + amv.File, data-type="video/webm")
 
 			//- button.media-play-button
diff --git a/scripts/AnimeNotifier.ts b/scripts/AnimeNotifier.ts
index f29a3ef4..57c3d527 100644
--- a/scripts/AnimeNotifier.ts
+++ b/scripts/AnimeNotifier.ts
@@ -904,10 +904,12 @@ export default class AnimeNotifier {
 
 				let hideControls = () => {
 					controls.classList.add("fade-out")
+					video.style.cursor = "none"
 				}
 
 				let showControls = () => {
 					controls.classList.remove("fade-out")
+					video.style.cursor = "default"
 				}
 
 				video.addEventListener("mousemove", () => {
diff --git a/styles/video.scarlet b/styles/video.scarlet
index a55caccc..0a7d5117 100644
--- a/styles/video.scarlet
+++ b/styles/video.scarlet
@@ -41,6 +41,9 @@ const video-progress-clickable-height-buffer = 0.4rem
 	flex 1
 	padding video-progress-clickable-height-buffer 0
 
+	:hover
+		cursor pointer
+
 .video-progress-container
 	height video-progress-height
 	background rgba(255, 255, 255, 0.3)