From f8096ecc97176f6eea82d8ab30c4ed7285f5bb5b Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Sat, 4 Jul 2026 21:00:54 +0200
Subject: [PATCH] fix(ImageView): use `cursor: pointer` for clickable items

Also move the click handler for non-image attachments from the
full-width container box to the attachment box with a visible boundary.

Signed-off-by: Jonas <jonas@freesources.org>
---
 src/nodes/ImageView.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/nodes/ImageView.vue b/src/nodes/ImageView.vue
index dda5e255433..293050fb27d 100644
--- a/src/nodes/ImageView.vue
+++ b/src/nodes/ImageView.vue
@@ -23,9 +23,10 @@
 						<div
 							v-if="isMediaAttachment"
 							contenteditable="false"
-							class="media"
-							@click="handleAttachmentClick">
-							<div class="media__wrapper">
+							class="media">
+							<div
+								class="media__wrapper clickable"
+								@click="handleAttachmentClick">
 								<img
 									v-show="loaded"
 									:src="imageUrl"
@@ -53,7 +54,7 @@
 								v-show="loaded"
 								:src="imageUrl"
 								:alt="alt"
-								class="image__main"
+								class="image__main clickable"
 								@click="handleImageClick"
 								@load="onLoaded" />
 						</div>
@@ -552,6 +553,14 @@ export default {
 	justify-content: left;
 	padding-bottom: 0;
 
+	.clickable {
+		cursor: pointer;
+
+		* {
+			cursor: pointer;
+		}
+	}
+
 	.media__wrapper {
 		display: flex;
 		border: 2px solid var(--color-border);
@@ -579,6 +588,7 @@ export default {
 			}
 		}
 	}
+
 	.buttons {
 		margin-left: 8px;
 	}