Skip to content

Commit

Permalink
fix(volume-panel): a long press on the volume button displays the vol…
Browse files Browse the repository at this point in the history
…ume slider on touch devices

Prevents the `volume slider` from displaying when a long press is made on the `volume button`,
forcing the user to make a long press or tap elsewhere on the player or page to make the `volume slider` disappear.

- adds class `.vjs-touch-enabled` to pseudo-class `:not` at the root of the rule displaying the `volume slider`
  • Loading branch information
amtins committed Jul 16, 2023
1 parent 8dd98f6 commit 011ed69
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/css/components/_volume.scss
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
margin-left: -1px;
}

.video-js .vjs-volume-panel {
.video-js:not(.vjs-touch-enabled) .vjs-volume-panel {
&.vjs-hover .vjs-volume-control,
&:active .vjs-volume-control,
&:focus .vjs-volume-control,
Expand Down

0 comments on commit 011ed69

Please sign in to comment.