fix: improve tooltip style (#21)

gravity-ui · Dec 13, 2024 · c9667fc · c9667fc
1 parent f03a8f2
commit c9667fc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/components/Tooltip/index.tsx b/src/components/Tooltip/index.tsx
@@ -12,7 +12,7 @@ import {ChartTooltipContent} from './ChartTooltipContent';
 
 import './styles.scss';
 
-const b = block('d3-tooltip');
+const b = block('tooltip');
 
 type TooltipProps = {
     dispatcher: Dispatch<object>;
@@ -47,6 +47,7 @@ export const Tooltip = (props: TooltipProps) => {
     return hovered?.length ? (
         <Popup
             className={b({pinned: tooltipPinned})}
+            contentClassName={b('popup-content')}
             open={true}
             anchorRef={anchorRef}
             offset={[0, 20]}

diff --git a/src/components/Tooltip/styles.scss b/src/components/Tooltip/styles.scss
@@ -1,4 +1,4 @@
-.gcharts-d3-tooltip {
+.gcharts-tooltip {
     &[class] {
         --g-popup-border-width: 0;
         pointer-events: none;
@@ -14,13 +14,16 @@
         pointer-events: inherit;
     }
 
+    &__popup-content {
+        box-shadow: none;
+    }
+
     &__content {
-        padding: 10px 14px;
+        padding: 8px 14px;
 
         text-wrap: nowrap;
 
-        border: 1px solid var(--g-color-line-generic);
-        border-radius: 3px;
+        border-radius: 4px;
         background-color: var(--g-color-infographics-tooltip-bg);
         box-shadow: 0 2px 12px var(--g-color-sfx-shadow);
     }