From d54e4249395237414c90a82a1a1b24f81b4b54be Mon Sep 17 00:00:00 2001
From: Sabu Siyad <hello@ssiyad.com>
Date: Sat, 27 May 2023 19:13:33 +0530
Subject: [PATCH] fix(ui): ticket summary: use opacity for comms visibility

---
 desk/src/pages/desk/ticket-list/TicketSummary.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/desk/src/pages/desk/ticket-list/TicketSummary.vue b/desk/src/pages/desk/ticket-list/TicketSummary.vue
index a53811e74..abf9a339f 100644
--- a/desk/src/pages/desk/ticket-list/TicketSummary.vue
+++ b/desk/src/pages/desk/ticket-list/TicketSummary.vue
@@ -11,10 +11,12 @@
 		<div class="line-clamp-1">
 			{{ subject }}
 		</div>
-		<div class="mr-2 flex items-center gap-2">
+		<div class="mx-2 flex items-center gap-2">
 			<div
-				v-if="conversationCount || commentCount"
-				class="hidden gap-2 group-hover:inline-flex"
+				class="flex gap-2 opacity-0 transition"
+				:class="{
+					'group-hover:opacity-100': conversationCount || commentCount,
+				}"
 			>
 				<div v-if="conversationCount" class="flex items-center gap-1 text-xs">
 					<IconMail class="h-3 w-3" />
@@ -25,7 +27,7 @@
 					{{ commentCount }}
 				</div>
 			</div>
-			<div class="flex items-center gap-1">
+			<div class="flex items-center gap-1 text-xs">
 				<IconHash class="h-3 w-3" />
 				{{ ticketName }}
 			</div>