feat: show snippet of alt text when hovering alt button

2023-07-17 12:14:57 -04:00 · 2023-07-17 12:14:57 -04:00 · a79bd2c555
commit a79bd2c555
parent 18260e1a63
1 changed files with 6 additions and 1 deletions
--- a/packages/client/src/components/MkMedia.vue
+++ b/packages/client/src/components/MkMedia.vue
@ -61,7 +61,12 @@
 		<div class="buttons">
 			<button
 				v-if="media.comment"
-				v-tooltip="i18n.ts.alt"
+				v-tooltip.noLabel="`${i18n.ts.alt}: ${
+					media.comment.length > 200 ?
+						media.comment.trim().slice(0, 200) + '...'
+						: media.comment.trim()
+				}`"
+				:aria-label="i18n.ts.alt"
 				class="_button"
 				@click.stop="captionPopup"
 			>