From 5ed0dc8adb6911ab9272e42d54a77bcab2564fc7 Mon Sep 17 00:00:00 2001
From: Matthew McClure <m@mmcc.io>
Date: Wed, 25 Nov 2015 16:18:34 -0500
Subject: [PATCH] @mmcc fixed vertical volume. closes #2859

---
 CHANGELOG.md                             | 1 +
 src/css/components/_volume.scss          | 1 +
 src/css/components/menu/_menu-popup.scss | 2 +-
 3 files changed, 3 insertions(+), 1 deletion(-)

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;