Hide distractions when Seamless controls are added

Seamless controls can be added during the end credits of a series
episode. When those controls are added, the "Back to Browse" button
appears as well as the mouse cursor. A transparent promo background also
appears.

Hide the "Back to Browse" button and promo background in CSS.

Add a new `seamless` module to handle hiding the mouse cursor. Listen
for the addition of the `.SeamlessControls--container` element, which
means Seamless controls were activated. At this point, force the cursor
to be hidden. Show it again when the user moves the mouse.

1 files changed, 3 insertions, 1 deletions

diff --git a/src/index.ts b/src/index.ts
index 4d3a951..237d232 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,4 +1,4 @@
-// Copyright (c) 2020  Teddy Wing
+// Copyright (c) 2020–2021  Teddy Wing
 //
 // This file is part of Immersive.
 //
@@ -17,6 +17,7 @@
 
 import fullscreen_credits from './fullscreen_credits';
 import logger from './logger';
+import seamless from './seamless';
 import styles from './styles';
 import watch_credits from './watch_credits';
 
@@ -27,6 +28,7 @@ function main () {
 	styles();
 	fullscreen_credits();
 	watch_credits();
+	seamless();
 }