From ef3f9316a032474658f9757547e3f3ac67bf8232 Mon Sep 17 00:00:00 2001
From: freeplay <freeplay@duck.com>
Date: Tue, 4 Jul 2023 21:37:50 -0400
Subject: [PATCH] style: truncate long URL's

---
 packages/client/src/components/global/MkUrl.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/global/MkUrl.vue b/packages/client/src/components/global/MkUrl.vue
index 5f2a81ee66..b6f3258c64 100644
--- a/packages/client/src/components/global/MkUrl.vue
+++ b/packages/client/src/components/global/MkUrl.vue
@@ -2,8 +2,9 @@
 	<component
 		:is="self ? 'MkA' : 'a'"
 		ref="el"
-		class="ieqqeuvs _link"
+		class="ieqqeuvs url _link"
 		:[attr]="self ? props.url.substring(local.length) : props.url"
+		:title="self ? props.url.substring(local.length) : props.url"
 		:rel="rel"
 		:target="target"
 		@contextmenu.stop="() => {}"
@@ -73,8 +74,14 @@ const target = self ? null : "_blank";
 </script>
 
 <style lang="scss" scoped>
-.ieqqeuvs {
+.url {
 	word-break: break-all;
+	word-break: break-all;
+	white-space: nowrap;
+	max-width: 80%;
+	display: inline-block;
+	overflow: clip;
+	text-overflow: ellipsis;
 
 	> .icon {
 		padding-left: 2px;