diff options
| author | Teddy Wing | 2021-08-14 22:00:24 +0200 |
|---|---|---|
| committer | Teddy Wing | 2021-08-14 22:16:01 +0200 |
| commit | 8a7cc75a035b58bcf12893132cc63e16f6069bff (patch) | |
| tree | ac1866c8fb2b11f86e0d8e3e70c44087975aa1e7 /src/styles.ts | |
| parent | e9423bc8c345add2c719a632ae911947bcc4f07f (diff) | |
| download | netflix-immersive-8a7cc75a035b58bcf12893132cc63e16f6069bff.tar.bz2 | |
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.
Diffstat (limited to 'src/styles.ts')
| -rw-r--r-- | src/styles.ts | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/src/styles.ts b/src/styles.ts index 3661fff..2b6ba24 100644 --- a/src/styles.ts +++ b/src/styles.ts @@ -28,9 +28,11 @@ export default function styles () { stylesheet.insertRule(` /* "Back to Browse" button that appears when credits are minimised. */ .OriginalsPostPlay-BackgroundTrailer .BackToBrowse, + .watch-video--seamless-back, /* Promo that appears during credis */ .OriginalsPostPlay-BackgroundTrailer, + .SeamlessControls--background-artwork-visible, /* Age rating. */ .player-view-childrens, |