From 011ed698fa6c351c5fd59aee6f36aa5d9c8d53b8 Mon Sep 17 00:00:00 2001 From: amtins Date: Sun, 16 Jul 2023 13:01:30 +0200 Subject: [PATCH] fix(volume-panel): a long press on the volume button displays the volume 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` --- src/css/components/_volume.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/components/_volume.scss b/src/css/components/_volume.scss index da3019c0ab..f730d45bf8 100644 --- a/src/css/components/_volume.scss +++ b/src/css/components/_volume.scss @@ -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,