ConceptProd/Portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

M: Add animation for tooltip

Browse Source
This commit is contained in:
Ivan 2024-12-17 13:43:32 +03:00
parent 7e63103d6b
commit 02c93dfddc
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/TGFlow.tsx
View File

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