From 22a347c4606b54660cc266c63d2973500c525449 Mon Sep 17 00:00:00 2001
From: DarkPhoenix2704 <anbarasun123@gmail.com>
Date: Tue, 20 Feb 2024 07:16:13 +0000
Subject: [PATCH] fix(nc-gui):  on hover - text positioning flickers due to
 addition & removal of border

---
 .../nc-gui/components/smartsheet/calendar/RecordCard.vue    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/calendar/RecordCard.vue b/packages/nc-gui/components/smartsheet/calendar/RecordCard.vue
index 17de3fe189..5c326c9e2d 100644
--- a/packages/nc-gui/components/smartsheet/calendar/RecordCard.vue
+++ b/packages/nc-gui/components/smartsheet/calendar/RecordCard.vue
@@ -45,7 +45,7 @@ const emit = defineEmits(['resize-start'])
       'group-hover:(border-brand-500 border-2)': resize,
       'border-brand-500 border-2': selected,
     }"
-    class="relative group"
+    class="relative group border-2 border-white"
   >
     <div class="h-full absolute py-2">
       <div
@@ -67,7 +67,7 @@ const emit = defineEmits(['resize-start'])
       :class="{
         '!block border-2 rounded-lg border-brand-500': selected,
       }"
-      class="absolute mt-0.6 h-7.1 hidden -left-3 resize !group-hover:(border-brand-500 block border-2 rounded-lg)"
+      class="absolute mt-0.6 h-7.1 hidden -left-4 resize !group-hover:(border-brand-500 block border-2 rounded-lg)"
     >
       <NcButton size="xsmall" type="secondary" @mousedown.stop="emit('resize-start', 'left', $event, record)">
         <component :is="iconMap.drag" class="text-gray-400"></component>
@@ -85,7 +85,7 @@ const emit = defineEmits(['resize-start'])
       :class="{
         '!block border-2 rounded-lg border-brand-500': selected,
       }"
-      class="absolute mt-0.6 hidden h-7.1 -right-3 border-1 resize !group-hover:(border-brand-500 border-2 block rounded-lg)"
+      class="absolute mt-0.6 hidden h-7.1 -right-4 border-1 resize !group-hover:(border-brand-500 border-2 block rounded-lg)"
     >
       <NcButton size="xsmall" type="secondary" @mousedown.stop="emit('resize-start', 'right', $event, record)">
         <component :is="iconMap.drag" class="text-gray-400"></component>