Do not render card sidebar if modal view is used

Signed-off-by: Julius Härtl <jus@bitgrid.net>

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>
 

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' })