From 6b41c80be449affb4fd11287c44e28e10fe258d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Wed, 18 Nov 2020 22:10:45 +0100
Subject: [PATCH] Do not render card sidebar if modal view is used
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/App.vue                | 2 +-
 src/components/Sidebar.vue | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c07c0a612..39898b008 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -37,7 +37,7 @@
 			</div>
 		</Modal>
 
-		<router-view v-show="!cardDetailsInModal || !$route.params.cardId" name="sidebar" />
+		<router-view name="sidebar" :visible="!cardDetailsInModal || !$route.params.cardId" />
 	</Content>
 </template>
 
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index b41af9c2c..36a9bde1d 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -21,12 +21,18 @@
   -->
 
 <template>
-	<router-view name="sidebar" />
+	<router-view v-if="visible" name="sidebar" />
 </template>
 
 <script>
 export default {
 	name: 'Sidebar',
+	props: {
+		visible: {
+			type: Boolean,
+			default: true,
+		},
+	},
 	methods: {
 		closeSidebar() {
 			this.$router.push({ name: 'board' })