From 1dba4a1f1bc237b0564dcb194da276f0b8081ec8 Mon Sep 17 00:00:00 2001 From: Carlos Bonadeo Date: Wed, 6 Nov 2024 11:14:24 +0000 Subject: [PATCH] Improve footer visibility --- src/modules/static.ts | 16 +++++++++++++++- src/utils/index.ts | 11 ----------- 2 files changed, 15 insertions(+), 12 deletions(-) diff --git a/src/modules/static.ts b/src/modules/static.ts index 223f490b1..f800917b0 100644 --- a/src/modules/static.ts +++ b/src/modules/static.ts @@ -1,5 +1,6 @@ import { store } from '../store'; -import { onMouseMove } from '../utils'; + +let mouseTimeout: NodeJS.Timeout; export function initStaticMode() { if (store.get('static')) { @@ -8,3 +9,16 @@ export function initStaticMode() { document.addEventListener('mousemove', onMouseMove); } } + +function onMouseMove() { + const footer = document.querySelector('footer'); + footer?.classList.remove('hidden'); + + clearTimeout(mouseTimeout); + + mouseTimeout = setTimeout(() => { + if (!footer?.matches(':hover')) { + footer?.classList.add('hidden'); + } + }, 3000); +} diff --git a/src/utils/index.ts b/src/utils/index.ts index 63cc1973b..a516a731e 100644 --- a/src/utils/index.ts +++ b/src/utils/index.ts @@ -4,7 +4,6 @@ import { CITE_FACTOR, INITIAL_THEME_FONT_SIZE } from '../modules/font'; import { store } from '../store'; const GITHUB_NEW_ISSUE_URL = 'https://github.com/cdmoro/literature-clock/issues/new'; -let mouseTimeout: NodeJS.Timeout; export function getTime() { const testTime = store.get('time'); @@ -121,16 +120,6 @@ export function updateFavicon(time: string = getTime()) { link.href = `/favicon/${getFaviconFileName(time)}.ico`; } -export function onMouseMove() { - const footer = document.querySelector('footer'); - footer?.classList.remove('hidden'); - - clearTimeout(mouseTimeout); - mouseTimeout = setTimeout(() => { - footer?.classList.add('hidden'); - }, 3000); -} - export function contentLoaded() { updateFavicon(); document.body.removeAttribute('data-loading');