From 3feacb90d4f7452be8e6308d9ac5e384bb809698 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Tue, 19 Apr 2022 18:01:33 +0200
Subject: [PATCH] Fix help modal style with @nextcloud/vue >= 5.0.0

Signed-off-by: Jonas <jonas@freesources.org>

Fixes: #2203
---
 src/components/HelpModal.vue | 17 +++--------------
 1 file changed, 3 insertions(+), 14 deletions(-)

diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue
index a6b04324ded..86d0aaf13e7 100644
--- a/src/components/HelpModal.vue
+++ b/src/components/HelpModal.vue
@@ -1,5 +1,5 @@
 <template>
-	<Modal size="large"
+	<Modal size="normal"
 		:title="t('text', 'Formatting help')"
 		@close="$emit('close')">
 		<h2>{{ t('text', 'Formatting help') }}</h2>
@@ -204,26 +204,15 @@ export default {
 
 <style lang="scss" scoped>
 	::v-deep .modal-wrapper {
-		// TODO: can be removed once migrated to @nextcloud-vue >= 5.0
-		.prev, .next {
-			display: none !important;
-		}
-
 		.modal-container {
-			// TODO: can be removed once migrated to @nextcloud-vue >= 5.0
-			overflow: auto;
-			// Diverge from upstream modal styling
 			padding: 30px 40px 20px;
 			user-select: text;
 		}
 
-		// TODO: can be removed once migrated to @nextcloud-vue >= 5.0
-		// Make modal full screen on mobile
+		// Remove padding-right on mobile, screen might not be wide enough
 		@media only screen and (max-width: 512px) {
 			.modal-container {
-				position: absolute;
-				top: var(--header-height);
-				height: calc(100% - var(--header-height));
+				padding: 30px 0px 20px 40px;
 			}
 		}
 	}