Merge pull request #232 from RyanCoulsonCA/fix-231

fix panel contents covering header bar
ramp4-pcar4 · Jun 14, 2023 · 3dfb398 · 3dfb398
2 parents 9936c2e + 04f7c9f
commit 3dfb398
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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"