Merge pull request #1006 from geoadmin/fix-PB-791-altimeter-profile-f…

…ullscreen PB-791: Do not hide middle footer when in fullscreen - #patch
geoadmin · Jul 16, 2024 · 572c38f · 572c38f
2 parents 31907a8 + 54cb170
commit 572c38f
Showing 1 changed file with 9 additions and 16 deletions.
diff --git a/src/modules/map/components/footer/MapFooter.vue b/src/modules/map/components/footer/MapFooter.vue
@@ -21,20 +21,22 @@ onUpdated(() => {
 </script>
 
 <template>
-    <div
-        class="map-footer"
-        :class="{ 'map-footer-fullscreen': isFullscreenMode }"
-        data-cy="app-footer"
-    >
-        <div v-if="hasTopLeftFooter || hasTopRightFooter" class="map-footer-top">
+    <div class="map-footer" data-cy="app-footer">
+        <div
+            v-if="(hasTopLeftFooter || hasTopRightFooter) && !isFullscreenMode"
+            class="map-footer-top"
+        >
             <slot name="top-left" />
             <span v-if="hasTopRightFooter" class="map-footer-top-spacer" />
             <slot name="top-right" />
         </div>
         <div class="map-footer-middle">
             <slot name="middle" />
         </div>
-        <div v-if="hasBottomLeftFooter || hasBottomRightFooter" class="map-footer-bottom">
+        <div
+            v-if="(hasBottomLeftFooter || hasBottomRightFooter) && !isFullscreenMode"
+            class="map-footer-bottom"
+        >
             <slot name="bottom-left" @vue:updated="handleSlotChange" />
             <span v-if="hasBottomRightFooter" class="map-footer-bottom-spacer" />
             <slot name="bottom-right" />
@@ -106,13 +108,4 @@ $flex-gap: 1em;
         }
     }
 }
-
-.map-footer-fullscreen {
-    transform: translateY(100%);
-
-    .map-footer-top-left {
-        // Translation is needed if the background selection wheel is open.
-        transform: translateX(-100%);
-    }
-}
 </style>