Merge pull request #6276 from nextcloud/backport/6274/stable5.0

[stable5.0] fix(attachments): improve layout
nextcloud · Aug 21, 2024 · be8a971 · be8a971
2 parents bdfcf5d + 9f2c9e9
commit be8a971
Showing 1 changed file with 11 additions and 3 deletions.
diff --git 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>