From e9e9bcf209e1ae3a051e44f7cfb24d62ff30c533 Mon Sep 17 00:00:00 2001
From: Richard Steinmetz <richard@steinmetz.cloud>
Date: Mon, 19 Aug 2024 14:02:47 +0200
Subject: [PATCH] fix(attachments): improve layout

Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>
---
 .../Editor/Attachments/AttachmentsList.vue         | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/Editor/Attachments/AttachmentsList.vue b/src/components/Editor/Attachments/AttachmentsList.vue
index b1cb23311..2c0d89bd3 100644
--- a/src/components/Editor/Attachments/AttachmentsList.vue
+++ b/src/components/Editor/Attachments/AttachmentsList.vue
@@ -65,8 +65,11 @@
 		<NcDialog v-if="showOpenConfirmation"
 			:open.sync="showOpenConfirmation"
 			:name="t('calendar', 'Confirmation')"
-			:message="openConfirmationMessage"
-			:buttons="openConfirmationButtons" />
+			:buttons="openConfirmationButtons">
+			<p class="external-link-message">
+				{{ openConfirmationMessage }}
+			</p>
+		</NcDialog>
 	</div>
 </template>
 
@@ -231,7 +234,8 @@ export default {
 			}
 
 			// Otherwise, show a confirmation dialog
-			this.openConfirmationMessage = t('calendar', 'You are about to navigate to an untrusted external link. Are you sure to proceed? Link: {link}', {
+			this.openConfirmationMessage = t('calendar', 'You are about to navigate to {host}. Are you sure to proceed? Link: {link}', {
+				host: url.host,
 				link: url.href,
 			})
 			this.openConfirmationButtons = [
@@ -324,4 +328,8 @@ export default {
 	height: 24px;
 	border-radius: var(--border-radius);
 }
+
+.external-link-message {
+	overflow-wrap: break-word;
+}
 </style>