Skip to content
Browse files

fix: not inline volume slider showing up after mouse hovering on it (#…


Adjust the initial/hidden position of the slider to be off screen.

Fixes #5502, fixes #5505
  • Loading branch information
gjanblaszczyk authored and gkatsev committed Nov 5, 2018
1 parent 58f638e commit 7d127c8e01f39186ddf29c9d39aae14b4d775827
Showing with 4 additions and 1 deletion.
  1. +4 −1 src/css/components/_volume.scss
@@ -52,6 +52,9 @@
opacity: 1;
position: relative;

&.vjs-volume-vertical {
left: -3.5em;
$transition-property: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
@include transition($transition-property);
@@ -75,7 +78,7 @@
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3.5em;
left: -3000em;

$transition-property: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
@include transition($transition-property)

0 comments on commit 7d127c8

Please sign in to comment.