web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2025-02-02 11:34:50 +02:00
Code Releases Activity

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

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

Fixes #5502, fixes #5505
This commit is contained in:
Grzegorz Blaszczyk 2018-11-05 19:54:56 +01:00 committed by Gary Katsevman
parent 58f638e99d
commit 7d127c8e01
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/css/components/_volume.scss
View File

@ -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)