From eb1c6b347d4424ac1ff2cafbc029f01318a56f46 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Thu, 19 Nov 2015 10:46:49 +0000
Subject: [PATCH 1/2] Move z-index to the dialog wrapper because that's the
 shallowest positioned element in the DOM and therefore what creates the first
 stacking context

---
 src/skins/vector/css/common.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/skins/vector/css/common.css b/src/skins/vector/css/common.css
index 121fbca7..af651ebf 100644
--- a/src/skins/vector/css/common.css
+++ b/src/skins/vector/css/common.css
@@ -107,11 +107,11 @@ a:visited {
     height: 100%;
     background-color: #000;
     opacity: 0.2;
-    z-index: 4000;
 }
 
 .mx_Dialog_wrapper {
     position: fixed;
+    z-index: 4000;
     top: 0;
     left: 0;
     width: 100%;

From ed3d3a9e23394500e76b07ffd88ed2937c9d9102 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Thu, 19 Nov 2015 10:49:24 +0000
Subject: [PATCH 2/2] Shift css around a bit so it more closely matches DOM
 order

---
 src/skins/vector/css/common.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/skins/vector/css/common.css b/src/skins/vector/css/common.css
index af651ebf..ba931b9c 100644
--- a/src/skins/vector/css/common.css
+++ b/src/skins/vector/css/common.css
@@ -99,16 +99,6 @@ a:visited {
     margin: 0 auto;
 }
 
-.mx_Dialog_background {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: #000;
-    opacity: 0.2;
-}
-
 .mx_Dialog_wrapper {
     position: fixed;
     z-index: 4000;
@@ -140,6 +130,16 @@ a:visited {
     max-width: 80%;
 }
 
+.mx_Dialog_background {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #000;
+    opacity: 0.2;
+}
+
 .mx_Dialog_lightbox .mx_Dialog_background {
     opacity: 0.85;
 }