Merge pull request #223 from spencerwahl/fullscreen-fix

Fix fullscreen using wrong map (#223)
ramp4-pcar4 · Jun 1, 2023 · d47f976 · d47f976
2 parents c274078 + 0461aff
commit d47f976
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/public/scripts/multi-ramp/rv-main.js b/public/scripts/multi-ramp/rv-main.js
diff --git a/public/scripts/multi-ramp/rv-main.js.map b/public/scripts/multi-ramp/rv-main.js.map
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-40`
+                ? `sticky ${config.type === 'map' ? 'top-16' : 'top-8'} sm:self-start flex-2 order-1 sm:order-2 z-50`
                 : 'flex order-2 sm:order-1'
         "
         class="flex-col relative"

diff --git a/src/components/story/story.vue b/src/components/story/story.vue
@@ -17,7 +17,7 @@
 
     <div v-else-if="loadStatus === 'loaded'">
         <div class="storyramp-app bg-white">
-            <header class="sticky top-0 z-50 w-full h-16 leading-9 bg-white border-b border-gray-200">
+            <header class="story-header sticky top-0 z-50 w-full h-16 leading-9 bg-white border-b border-gray-200">
                 <div class="flex w-full sm:px-6 py-3 mx-auto">
                     <MobileMenuV
                         class="mobile-menu"
@@ -186,6 +186,10 @@ $font-list: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     }
 }
 
+.story-header {
+    z-index: 60;
+}
+
 @media screen and (min-width: 640px) {
     .mobile-menu {
         display: none !important;