From c54879d605e83a062a90e4acfaa1a31b3ff24e48 Mon Sep 17 00:00:00 2001
From: Leonard Kim <leonard.h.kim@gmail.com>
Date: Tue, 22 Aug 2017 11:32:51 -0700
Subject: [PATCH] fix(video-quality-label): push around z-indexes for firefox

---
 css/_vertical_filmstrip_overrides.scss       | 4 ++--
 css/modals/video-quality/_video-quality.scss | 5 ++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/css/_vertical_filmstrip_overrides.scss b/css/_vertical_filmstrip_overrides.scss
index a1c9cdcba..2a936b581 100644
--- a/css/_vertical_filmstrip_overrides.scss
+++ b/css/_vertical_filmstrip_overrides.scss
@@ -22,10 +22,10 @@
          * clickable but its inline dialogs must display over the video state
          * indicator when videos are displayed.
          */
-        z-index: $tooltipsZ;
+        z-index: #{$tooltipsZ + 1};
 
         &.hide-videos {
-            z-index: calc(#{$tooltipsZ} - 1);
+            z-index: #{$tooltipsZ - 1};
         }
 
         /**
diff --git a/css/modals/video-quality/_video-quality.scss b/css/modals/video-quality/_video-quality.scss
index 87fd0cd1e..ef7ec87d2 100644
--- a/css/modals/video-quality/_video-quality.scss
+++ b/css/modals/video-quality/_video-quality.scss
@@ -142,11 +142,14 @@
     }
 }
 
-#videoResolutionLabel,
 .centeredVideoLabel.moveToCorner {
     z-index: $tooltipsZ;
 }
 
+#videoResolutionLabel {
+    z-index: #{$tooltipsZ + 1};
+}
+
 .centeredVideoLabel {
     bottom: 45%;
     border-radius: 2px;