web/notify.moe
Code Issues Pull Requests Activity

Hide cursor when hiding controls

Browse Source
This commit is contained in:
Eduard Urbach 2018-12-08 15:01:07 +09:00
parent dacd92e86d
commit 866815516c
3 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
mixins/AMV.pixy
View File

@ -10,7 +10,7 @@ component AMVMini(amv *arn.AMV, user *arn.User)
component AMVVideo(amv *arn.AMV) component AMVVideo(amv *arn.AMV)
.video-container(id=amv.ID, data-api="/api/amv/" + amv.ID) .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") source(data-src="https://notify.moe/videos/amvs/" + amv.File, data-type="video/webm")
//- button.media-play-button //- button.media-play-button

2
scripts/AnimeNotifier.ts
View File

@ -904,10 +904,12 @@ export default class AnimeNotifier {
let hideControls = () => { let hideControls = () => {
controls.classList.add("fade-out") controls.classList.add("fade-out")
video.style.cursor = "none"
} }
let showControls = () => { let showControls = () => {
controls.classList.remove("fade-out") controls.classList.remove("fade-out")
video.style.cursor = "default"
} }
video.addEventListener("mousemove", () => { video.addEventListener("mousemove", () => {

3
styles/video.scarlet
View File

@ -41,6 +41,9 @@ const video-progress-clickable-height-buffer = 0.4rem
flex 1 flex 1
padding video-progress-clickable-height-buffer 0 padding video-progress-clickable-height-buffer 0
:hover
cursor pointer
.video-progress-container .video-progress-container
height video-progress-height height video-progress-height
background rgba(255, 255, 255, 0.3) background rgba(255, 255, 255, 0.3)