hide mouse cursor in full screen after timeout
This commit is contained in:
parent
75314d92c9
commit
94249560f2
4 changed files with 9 additions and 2 deletions
|
|
@ -228,6 +228,7 @@ const exitFullScreenVisibilityChanges = () => {
|
||||||
const img = document.querySelector(TOGGLE_FULL_SCREEN_SELECTOR);
|
const img = document.querySelector(TOGGLE_FULL_SCREEN_SELECTOR);
|
||||||
img.src = 'images/nav/ic_fullscreen_white_24dp_2x.png';
|
img.src = 'images/nav/ic_fullscreen_white_24dp_2x.png';
|
||||||
img.title = 'Enter fullscreen';
|
img.title = 'Enter fullscreen';
|
||||||
|
document.querySelector('#divTwc').classList.remove('no-cursor');
|
||||||
const divTwcBottom = document.querySelector('#divTwcBottom');
|
const divTwcBottom = document.querySelector('#divTwcBottom');
|
||||||
divTwcBottom.classList.remove('hidden');
|
divTwcBottom.classList.remove('hidden');
|
||||||
divTwcBottom.classList.add('visible');
|
divTwcBottom.classList.add('visible');
|
||||||
|
|
@ -290,6 +291,7 @@ const updateFullScreenNavigate = () => {
|
||||||
const divTwcBottom = document.querySelector('#divTwcBottom');
|
const divTwcBottom = document.querySelector('#divTwcBottom');
|
||||||
divTwcBottom.classList.remove('hidden');
|
divTwcBottom.classList.remove('hidden');
|
||||||
divTwcBottom.classList.add('visible');
|
divTwcBottom.classList.add('visible');
|
||||||
|
document.querySelector('#divTwc').classList.remove('no-cursor');
|
||||||
|
|
||||||
if (navigateFadeIntervalId) {
|
if (navigateFadeIntervalId) {
|
||||||
clearTimeout(navigateFadeIntervalId);
|
clearTimeout(navigateFadeIntervalId);
|
||||||
|
|
@ -300,6 +302,7 @@ const updateFullScreenNavigate = () => {
|
||||||
if (document.fullscreenElement) {
|
if (document.fullscreenElement) {
|
||||||
divTwcBottom.classList.remove('visible');
|
divTwcBottom.classList.remove('visible');
|
||||||
divTwcBottom.classList.add('hidden');
|
divTwcBottom.classList.add('hidden');
|
||||||
|
document.querySelector('#divTwc').classList.add('no-cursor');
|
||||||
}
|
}
|
||||||
}, 2000);
|
}, 2000);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -412,6 +412,10 @@ body {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
|
|
||||||
|
&.no-cursor {
|
||||||
|
cursor: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.kiosk #divTwc {
|
.kiosk #divTwc {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue