hide mouse cursor in full screen after timeout

This commit is contained in:
Matt Walsh
2024-07-11 16:06:43 -05:00
parent 75314d92c9
commit 94249560f2
4 changed files with 9 additions and 2 deletions

View File

@@ -228,6 +228,7 @@ const exitFullScreenVisibilityChanges = () => {
const img = document.querySelector(TOGGLE_FULL_SCREEN_SELECTOR);
img.src = 'images/nav/ic_fullscreen_white_24dp_2x.png';
img.title = 'Enter fullscreen';
document.querySelector('#divTwc').classList.remove('no-cursor');
const divTwcBottom = document.querySelector('#divTwcBottom');
divTwcBottom.classList.remove('hidden');
divTwcBottom.classList.add('visible');
@@ -290,6 +291,7 @@ const updateFullScreenNavigate = () => {
const divTwcBottom = document.querySelector('#divTwcBottom');
divTwcBottom.classList.remove('hidden');
divTwcBottom.classList.add('visible');
document.querySelector('#divTwc').classList.remove('no-cursor');
if (navigateFadeIntervalId) {
clearTimeout(navigateFadeIntervalId);
@@ -300,6 +302,7 @@ const updateFullScreenNavigate = () => {
if (document.fullscreenElement) {
divTwcBottom.classList.remove('visible');
divTwcBottom.classList.add('hidden');
document.querySelector('#divTwc').classList.add('no-cursor');
}
}, 2000);
};

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -412,6 +412,10 @@ body {
align-items: center;
justify-content: center;
align-content: center;
&.no-cursor {
cursor: none;
}
}
.kiosk #divTwc {