From 66058dbe5f5246e1439a03b13dc67fa0b4d1d80a Mon Sep 17 00:00:00 2001
From: "Lukas Rieger (Blue)" <TBlueF@users.noreply.github.com>
Date: Wed, 8 Feb 2023 18:34:22 +0100
Subject: [PATCH] Fix zoom-buttons not showing

---
 BlueMapCommon/webapp/src/App.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/BlueMapCommon/webapp/src/App.vue b/BlueMapCommon/webapp/src/App.vue
index 12680544..6d203776 100644
--- a/BlueMapCommon/webapp/src/App.vue
+++ b/BlueMapCommon/webapp/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="app" :class="{'theme-light': appState.theme === 'light', 'theme-dark': appState.theme === 'dark', 'theme-contrast': appState.theme === 'contrast'}">
     <FreeFlightMobileControls v-if="mapViewer.mapLoaded && appState.controls.state === 'free'" />
-    <ZoomButtons v-if="mapViewer.mapLoaded && appState.controls.showZoomButtons && appState.controls.state !== 'free'" />
+    <ZoomButtons v-if="showMapMenu && appState.controls.showZoomButtons && appState.controls.state !== 'free'" />
     <ControlBar />
     <div v-if="mapViewer.mapState !== 'loaded'" class="map-state-message">{{ $t("map." + mapViewer.mapState) }}</div>
     <MainMenu :menu="appState.menu" />
@@ -22,6 +22,11 @@ export default {
     ControlBar,
     ZoomButtons
   },
+  computed: {
+    showMapMenu() {
+      return this.mapViewer.mapState === "loading" || this.mapViewer.mapState === "loaded";
+    }
+  },
   data() {
     return {
       appState: this.$bluemap.appState,