From e5b2a21c822eaf8d641df97ca9e23b4f4e5c65aa Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Fri, 25 Jun 2021 15:09:13 +0100
Subject: [PATCH] Add relative z indices to layouts to allow absolutely
 positioned children in a layout without overlapping the nav

---
 packages/standard-components/src/Layout.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/standard-components/src/Layout.svelte b/packages/standard-components/src/Layout.svelte
index 4d91d850d9..19a8404699 100644
--- a/packages/standard-components/src/Layout.svelte
+++ b/packages/standard-components/src/Layout.svelte
@@ -124,6 +124,7 @@
     height: 100%;
     overflow: auto;
     overflow-x: hidden;
+    position: relative;
   }
 
   .nav-wrapper {
@@ -132,7 +133,7 @@
     justify-content: center;
     align-items: stretch;
     background: white;
-    z-index: 1;
+    z-index: 2;
     box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.075);
   }
   .layout--top .nav-wrapper.sticky {
@@ -164,6 +165,7 @@
     justify-content: center;
     align-items: stretch;
     flex: 1 1 auto;
+    z-index: 1;
   }
   .main {
     display: flex;