Skip to content

Commit

Permalink
fix(FEC-11733): Hide mouse cursor when it's idle in fullscreen (#647)
Browse files Browse the repository at this point in the history
use the same technique like we use to hide the bottom bar and use the css classes representing the player state to toggle the cursor (hide and show it along with the bottom bar)
  • Loading branch information
JonathanTGold committed Jan 13, 2022
1 parent ff9bb51 commit 171bfd5
Showing 1 changed file with 11 additions and 0 deletions.
11 changes: 11 additions & 0 deletions src/styles/_shell.scss
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
cursor: none;

.playback-gui-wrapper,
.ad-gui-wrapper {
Expand Down Expand Up @@ -90,3 +91,13 @@
-ms-transform: translateY(-$default-hovering-offset);
}
}

.player.casting,
.player.metadata-loaded.hover,
.player.state-paused,
.player.state-idle,
.player.ad-break,
.player.menu-active,
.player.overlay-active {
cursor: auto;
}

0 comments on commit 171bfd5

Please sign in to comment.