From 54cb170e22f52a0cca0487babf3721113bcd4c11 Mon Sep 17 00:00:00 2001
From: Lukas Joss <lukas.joss@swisstopo.ch>
Date: Mon, 15 Jul 2024 10:10:00 +0200
Subject: [PATCH] PB-791: No longer hide  middle footer when in fullscreen

---
 .../map/components/footer/MapFooter.vue       | 25 +++++++------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/src/modules/map/components/footer/MapFooter.vue b/src/modules/map/components/footer/MapFooter.vue
index 09fa76f4c..2eb01c837 100644
--- a/src/modules/map/components/footer/MapFooter.vue
+++ b/src/modules/map/components/footer/MapFooter.vue
@@ -21,12 +21,11 @@ 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" />
@@ -34,7 +33,10 @@ onUpdated(() => {
         <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>