Add a button to the modal to switch back to the sidebar view

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>

Author: jakobroehrl

src/App.vue

@@ -108,6 +108,13 @@ export default {
 
 <style lang="scss" scoped>
 
+	.app-sidebar::v-deep {
+		border-left: 0;
+		width: 800px;
+		max-width: 780px;
+		top: 0px;
+	}
+
 	#content {
 		#app-content {
 			transition: margin-left 100ms ease;

src/components/card/CardSidebar.vue

@@ -26,7 +26,11 @@
 		:subtitle="subtitle"
 		@close="closeSidebar">
 		<template #secondary-actions>
-			<ActionButton icon="icon-external" @click.stop="showModal()">
+			<ActionButton v-if="cardDetailsInModal" icon="icon-menu-sidebar" @click.stop="showModal()">
+				{{ t('deck', 'Open in sidebar view') }}
+			</ActionButton>
+
+			<ActionButton v-else icon="icon-external" @click.stop="showModal()">
 				{{ t('deck', 'Open in bigger view') }}
 			</ActionButton>
 		</template>
@@ -139,6 +143,7 @@ export default {
 	computed: {
 		...mapState({
 			currentBoard: state => state.currentBoard,
+			cardDetailsInModal: state => state.cardDetailsInModal,
 		}),
 		...mapGetters(['canEdit', 'assignables']),
 		attachments() {