From 53abbd5d5f5e8d1461eb4b766047ba9f92ed202d Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Wed, 17 Jan 2024 07:24:57 +0000
Subject: [PATCH] fix(nc-gui): hide long text expand button on list item

---
 .../components/virtual-cell/components/ListItem.vue  | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/virtual-cell/components/ListItem.vue b/packages/nc-gui/components/virtual-cell/components/ListItem.vue
index 69f9d7364e..ff0aaee562 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListItem.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListItem.vue
@@ -88,7 +88,7 @@ const displayValue = computed(() => {
 
 <template>
   <a-card
-    class="!border-1 group transition-all !rounded-xl relative !mb-2 !border-gray-200 hover:bg-gray-50"
+    class="nc-list-item !border-1 group transition-all !rounded-xl relative !mb-2 !border-gray-200 hover:bg-gray-50"
     :class="{
       '!bg-white': isLoading,
       '!border-1': isLinked && !isLoading,
@@ -194,3 +194,13 @@ const displayValue = computed(() => {
   @apply rounded-lg;
 }
 </style>
+
+<style lang="scss">
+.nc-list-item {
+  &:hover {
+    .nc-text-area-expand-btn {
+      @apply !hidden;
+    }
+  }
+}
+</style>