From 04f7c9f55f9c885652cef47ab42727171dfee654 Mon Sep 17 00:00:00 2001
From: Ryan Coulson <ryan.coulson@ec.gc.ca>
Date: Tue, 6 Jun 2023 13:18:27 -0400
Subject: [PATCH] fix panel contents covering header bar

---
 src/components/editor/editor.vue | 2 +-
 src/components/panels/panel.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/editor/editor.vue b/src/components/editor/editor.vue
index 75fd532a..6c8e1d3a 100644
--- a/src/components/editor/editor.vue
+++ b/src/components/editor/editor.vue
@@ -177,7 +177,7 @@ export default class EditorV extends Vue {
 
     mounted(): void {
         // from https://css-tricks.com/how-to-detect-when-a-sticky-element-gets-pinned/
-        const observer = new IntersectionObserver(([e]) => e.target.classList.toggle('z-50', e.intersectionRatio < 1), {
+        const observer = new IntersectionObserver(([e]) => e.target.classList.toggle('z-40', e.intersectionRatio < 1), {
             threshold: [1]
         });
 
diff --git a/src/components/panels/panel.vue b/src/components/panels/panel.vue
index 07387863..97dccd28 100644
--- a/src/components/panels/panel.vue
+++ b/src/components/panels/panel.vue
@@ -2,7 +2,7 @@
     <div
         :class="
             config.type !== 'text'
-                ? `sticky ${config.type === 'map' ? 'top-16' : 'top-8'} sm:self-start flex-2 order-1 sm:order-2 z-50`
+                ? `sticky ${config.type === 'map' ? 'top-16' : 'top-8'} sm:self-start flex-2 order-1 sm:order-2 z-40`
                 : 'flex order-2 sm:order-1'
         "
         class="flex-col relative"