From 02c93dfddcd8976a1a5a990b3b59ebabc422778d Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Tue, 17 Dec 2024 13:43:32 +0300
Subject: [PATCH] M: Add animation for tooltip

---
 .../src/pages/RSFormPage/EditorTermGraph/TGFlow.tsx      | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/TGFlow.tsx b/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/TGFlow.tsx
index 8b488e84..1d05ca6a 100644
--- a/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/TGFlow.tsx
+++ b/rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/TGFlow.tsx
@@ -393,18 +393,21 @@ function TGFlow({ onOpenEdit }: TGFlowProps) {
           position='top-[4.4rem] sm:top-[4.1rem] left-[0.5rem] sm:left-[0.65rem]'
         />
 
-        {!isDragging && hoverCst && hoverCstDebounced && hoverCst === hoverCstDebounced ? (
+        {hoverCstDebounced ? (
           <Overlay
             layer='z-tooltip'
             position={clsx('top-[3.5rem]', { 'left-[2.6rem]': hoverLeft, 'right-[2.6rem]': !hoverLeft })}
             className={clsx(
               'w-[25rem] max-h-[calc(100dvh-15rem)]',
               'px-3',
-              'cc-scroll-y',
+              'cc-scroll-y cc-fade-in',
               'border shadow-md',
-              'clr-input',
+              'clr-input cc-fade-in',
               'text-sm'
             )}
+            style={{
+              opacity: !isDragging && hoverCst && hoverCst === hoverCstDebounced ? 1 : 0
+            }}
           >
             <InfoConstituenta className='pt-1 pb-2' data={hoverCstDebounced} />
           </Overlay>