diff --git a/components/_util/placements.tsx b/components/_util/placements.tsx index b1a5a1c811..453d440f36 100644 --- a/components/_util/placements.tsx +++ b/components/_util/placements.tsx @@ -38,7 +38,7 @@ export function getOverflowOptions(autoAdjustOverflow?: boolean | AdjustOverflow export default function getPlacements(config: PlacementsConfig) { const { - arrowWidth = 4, + arrowWidth = 5, horizontalArrowShift = 16, verticalArrowShift = 8, autoAdjustOverflow, diff --git a/components/tooltip/index.tsx b/components/tooltip/index.tsx index 5f2a72d1b3..f92d523f63 100644 --- a/components/tooltip/index.tsx +++ b/components/tooltip/index.tsx @@ -214,6 +214,9 @@ const Tooltip = React.forwardRef((props, ref) => { return ( builtinPlacements || getPlacements({ + arrowWidth: 11, + horizontalArrowShift: 16, + verticalArrowShift: 12, arrowPointAtCenter, autoAdjustOverflow, }) diff --git a/components/tooltip/style/index.less b/components/tooltip/style/index.less index d2ad5e1263..9ec0014808 100644 --- a/components/tooltip/style/index.less +++ b/components/tooltip/style/index.less @@ -8,8 +8,8 @@ @tooltip-arrow-rotate-width: sqrt(@tooltip-arrow-width * @tooltip-arrow-width * 2) + @tooltip-arrow-shadow-width * 2; -@tooltip-arrow-offset-vertical: 5px; // 8 - 3px -@tooltip-arrow-offset-horizontal: 13px; // 16 - 3px +@tooltip-arrow-offset-vertical: 12px; +@tooltip-arrow-offset-horizontal: 16px; // Base class .@{tooltip-prefix-cls} {