From 24f7ef69c785c0019a578229298a6d22e9ff3e43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Thu, 28 Apr 2022 13:42:11 +0200
Subject: [PATCH] Adapt modal size to viewer upstream changes
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                         | 9 +--------
 src/components/card/CardSidebar.vue | 6 ++++++
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 81854078e..cbd8f40ac 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,6 +31,7 @@
 			v-if="cardDetailsInModal && $route.params.cardId"
 			:clear-view-delay="0"
 			:title="t('deck', 'Card details')"
+			size="large"
 			@close="hideModal()">
 			<div class="modal__content modal__card">
 				<router-view name="sidebar" />
@@ -154,14 +155,6 @@ export default {
 			}
 		}
 	}
-
-	.modal__card {
-		min-width: 320px;
-		width: 50vw;
-		max-width: 800px;
-		min-height: 200px;
-		height: 80vh;
-	}
 </style>
 
 <style lang="scss">
diff --git a/src/components/card/CardSidebar.vue b/src/components/card/CardSidebar.vue
index 6817e70ff..2f9e60ac1 100644
--- a/src/components/card/CardSidebar.vue
+++ b/src/components/card/CardSidebar.vue
@@ -225,6 +225,8 @@ export default {
 		max-width: calc(100% - #{$modal-padding*2});
 		padding: 0 14px;
 		max-height: 100%;
+		overflow: initial;
+
 		&::v-deep {
 			.app-sidebar-header {
 				position: sticky;
@@ -240,6 +242,10 @@ export default {
 				background-color: var(--color-main-background);
 			}
 
+			.app-sidebar__tab {
+				overflow: initial;
+			}
+
 			#emptycontent, .emptycontent {
 				margin-top: 88px;
 			}