Skip to content


fix: not inline volume slider showing up after mouse hovering on it (#…
Browse files Browse the repository at this point in the history

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 7d127c8
Showing 1 changed file with 4 additions and 1 deletion.
5 changes: 4 additions & 1 deletion src/css/components/_volume.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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);
Expand All @@ -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)
Expand Down

0 comments on commit 7d127c8

Please sign in to comment.