Merge pull request #3205 from relative-ci/tweak-tooltip-hovercard

fix(ui): Tooltip/HoverCard - adjust timeouts
relative-ci · Mar 22, 2023 · cfba473 · cfba473
2 parents 22a504f + d81b308
commit cfba473
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/ui/src/ui/hover-card/hover-card.jsx b/packages/ui/src/ui/hover-card/hover-card.jsx
@@ -14,7 +14,7 @@ import css from './hover-card.module.css';
 export const HoverCard = (props) => {
   const { className, anchorClassName, hoverCardClassName, href, as, label, children } = props;
 
-  const state = useHovercardState({ gutter: 8, timeout: 700 });
+  const state = useHovercardState({ gutter: 8, timeout: 800 });
   const hovercardProps = useHovercard({ state, portal: true });
 
   // Fallback to span if no href

diff --git a/packages/ui/src/ui/tooltip/tooltip.tsx b/packages/ui/src/ui/tooltip/tooltip.tsx
@@ -31,7 +31,7 @@ export const Tooltip = <T extends React.ElementType = 'span'>(
     ...restProps
   } = props;
 
-  const tooltip = useTooltipState({ placement: 'top' });
+  const tooltip = useTooltipState({ placement: 'top', timeout: 300 });
 
   return (
     <>