From a8e358407cf99e268fbde9a0f12163a67c4a96c7 Mon Sep 17 00:00:00 2001
From: Amandus Butzer <amandus.butzer@heigit.org>
Date: Mon, 8 Apr 2024 17:10:10 +0200
Subject: [PATCH] refactor(footer): use single footer height

looks fine that way in both small and large version
---
 src/fragments/footer/Footer.vue   |  4 ++--
 src/fragments/sidebar/Sidebar.vue |  2 +-
 src/store/modules/app-ui.js       | 10 +++-------
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/fragments/footer/Footer.vue b/src/fragments/footer/Footer.vue
index e187173a5..3fdf35c79 100755
--- a/src/fragments/footer/Footer.vue
+++ b/src/fragments/footer/Footer.vue
@@ -1,7 +1,7 @@
 <template>
   <v-footer dark
-  :style="{'margin-top': $vuetify.breakpoint.smAndDown ? '-' + $store.getters.footerMiniHeight + 'px': '-' + $store.getters.footerFullHeight + 'px'}"
-  :height="$vuetify.breakpoint.smAndDown? $store.getters.footerMiniHeight : $store.getters.footerFullHeight">
+  :style="{'margin-top':'-' + $store.getters.footerHeight + 'px'}"
+  :height="$store.getters.footerHeight">
       <v-layout justify-center column wrap >
         <span><a :style="linkColor" target="_blank" href="https://github.com/GIScience/ors-map-client">v{{ appVersion }}</a>&nbsp;|&nbsp;© {{currentYear}} <strong>{{footerMainSiteName}}</strong></span>
         <div>{{ $t('global.developedByIntro') }}
diff --git a/src/fragments/sidebar/Sidebar.vue b/src/fragments/sidebar/Sidebar.vue
index 986709ea7..cfe38305a 100755
--- a/src/fragments/sidebar/Sidebar.vue
+++ b/src/fragments/sidebar/Sidebar.vue
@@ -30,7 +30,7 @@
 
       <!-- sidebar-content padding-bottom must be the same that is calculated in footer component height -->
       <div class="sidebar-content" :style="{height: sidebarContentHeightFormula}">
-        <div class="sidebar-content-form" :style="{'padding-bottom': $vuetify.breakpoint.smAndDown ? $store.getters.footerMiniHeight + 'px': $store.getters.footerFullHeight + 'px'}">
+        <div class="sidebar-content-form" :style="{'padding-bottom': $store.getters.footerHeight + 'px'}">
           <map-form v-if="$store.getters.mapReady" class="map-search"></map-form>
           <v-expansion-panel :value="null" v-if="!$highResolution">
             <v-expansion-panel-content style="background: transparent;">
diff --git a/src/store/modules/app-ui.js b/src/store/modules/app-ui.js
index e40b36a73..b43843300 100755
--- a/src/store/modules/app-ui.js
+++ b/src/store/modules/app-ui.js
@@ -7,8 +7,7 @@ const state = {
   pickPlaceIndex: null,
   pickPlaceId: null,
   mainMenu: [],
-  footerFullHeight: 89,
-  footerMiniHeight: 140,
+  footerHeight: 89,
   sidebarFullWidth: 400,
   sidebarShrunkWidth: 290,
   sidebarHeaderHeight: 175,
@@ -28,11 +27,8 @@ const getters = {
   mainMenu: state => {
     return state.mainMenu
   },
-  footerFullHeight: state => {
-    return state.footerFullHeight
-  },
-  footerMiniHeight: state => {
-    return state.footerMiniHeight
+  footerHeight: state => {
+    return state.footerHeight
   },
   sidebarHeaderHeight: state => {
     return state.sidebarHeaderHeight