diff --git a/CHANGELOG.md b/CHANGELOG.md index eb70a04c7f..5763192c0e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,7 @@ CHANGELOG ## HEAD (Unreleased) * @gesinger checked for track changes before tech started listening ([view](https://github.com/videojs/video.js/pull/2835)) * @gesinger fixed handler explosion for cuechange events ([view](https://github.com/videojs/video.js/pull/2849)) +* @mmcc fixed vertical volume ([view](https://github.com/videojs/video.js/pull/2859)) -------------------- diff --git a/src/css/components/_volume.scss b/src/css/components/_volume.scss index 7e516937af..61adc672f2 100644 --- a/src/css/components/_volume.scss +++ b/src/css/components/_volume.scss @@ -96,6 +96,7 @@ width and height to zero. */ .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu { left: 0.5em; + height: 8em; } .vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu { left: -2em; diff --git a/src/css/components/menu/_menu-popup.scss b/src/css/components/menu/_menu-popup.scss index ba968307a7..402f9d3936 100644 --- a/src/css/components/menu/_menu-popup.scss +++ b/src/css/components/menu/_menu-popup.scss @@ -10,7 +10,7 @@ } /* Button Pop-up Menu */ -.vjs-menu-button-popup .vjs-menu ul { +.vjs-menu-button-popup .vjs-menu .vjs-menu-content { @include background-color-with-alpha($primary-background-color, $primary-background-transparency); position: absolute;