Merge pull request #18 from seiwonpark/fix/tooltip-layer

fix. tooltip arrow position
seiwonpark · Feb 2, 2025 · 596ac7b · 596ac7b
2 parents fee5c65 + c5e9917
commit 596ac7b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/components/Cell/index.tsx b/src/components/Cell/index.tsx
@@ -26,7 +26,7 @@ const Tooltip = ({ content, offsetX, targetRect, fontSize = 12 }: TooltipProps)
     pointerEvents: 'none',
     fontSize: `${fontSize}px`,
     left: `${targetRect.left + offsetX}px`,
-    top: `${targetRect.top - 40}px`,
+    top: `${targetRect.top - 16 - fontSize - ~~(fontSize / 10)}px`,
   }
 
   const arrowStyle: CSSProperties = {
@@ -39,7 +39,7 @@ const Tooltip = ({ content, offsetX, targetRect, fontSize = 12 }: TooltipProps)
     borderTop: '6px solid #25292E',
     pointerEvents: 'none',
     left: `${targetRect.left + targetRect.width / 2 - 6}px`,
-    top: `${targetRect.top - 18}px`,
+    top: `${targetRect.top - 8}px`,
   }
 
   return createPortal(

diff --git a/src/main.tsx b/src/main.tsx
@@ -11,7 +11,6 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
         includeBoundary: true,
       }}
       styleOptions={{
-        textColor: '#1f2328',
         theme: 'grass',
         cx: 12,
         cy: 12,