fix(attachments): improve layout

Signed-off-by: Richard Steinmetz <[email protected]>

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>