From 625b3bec22d9d96d794e51a8d2cccb0368d4b379 Mon Sep 17 00:00:00 2001
From: Thomas Shafer <tshafer@google.com>
Date: Mon, 4 Mar 2019 11:58:12 -0800
Subject: [PATCH] Add overlay z-index variable

This allows for other themes to mutate the z-index. This is especially useful
in the embedded context.

Change-Id: I2a6e7938d118a662fc93c66155702d66749e59e6
---
 .../app/elements/change/gr-change-view/gr-change-view.html     | 3 +++
 polygerrit-ui/app/styles/themes/app-theme.html                 | 2 ++
 polygerrit-ui/app/styles/themes/dark-theme.html                | 2 ++
 3 files changed, 7 insertions(+)

diff --git a/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html b/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html
index 32b11528fb..472a187cae 100644
--- a/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html
+++ b/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html
@@ -356,6 +356,9 @@ limitations under the License.
           min-width: initial;
           width: 100vw;
         }
+        #replyOverlay {
+          z-index: var(--reply-overlay-z-index);
+        }
       }
     </style>
     <div class="container loading" hidden$="[[!_loading]]">Loading...</div>
diff --git a/polygerrit-ui/app/styles/themes/app-theme.html b/polygerrit-ui/app/styles/themes/app-theme.html
index ec445ae181..e326e9789a 100644
--- a/polygerrit-ui/app/styles/themes/app-theme.html
+++ b/polygerrit-ui/app/styles/themes/app-theme.html
@@ -133,6 +133,8 @@ limitations under the License.
   --syntax-selector-attr-color: #FA8602;
   --syntax-template-tag-color: #FA8602;
   --syntax-param-color: var(--primary-text-color);
+
+  --reply-overlay-z-index: 1000;
 }
 @media screen and (max-width: 50em) {
   :root {
diff --git a/polygerrit-ui/app/styles/themes/dark-theme.html b/polygerrit-ui/app/styles/themes/dark-theme.html
index 6037a88f53..f22ec5db30 100644
--- a/polygerrit-ui/app/styles/themes/dark-theme.html
+++ b/polygerrit-ui/app/styles/themes/dark-theme.html
@@ -80,6 +80,8 @@
       --syntax-selector-attr-color: #80CBBF;
       --syntax-template-tag-color: #C792EA;
 
+      --reply-overlay-z-index: 1000;
+
       background-color: var(--view-background-color);
     }
   </style>