fix: Modify Tooltip placements config (ant-design#37960)

* fix: Modify Tooltip placements config * fix: Modify Tooltip placements verticalArrowShift * fix: sync tooltip & popover arrow offset * fix: modify dropdown arrow width --------- Co-authored-by: afc163 <[email protected]>
jinshuju · Aug 11, 2024 · 59fef7d · 59fef7d
1 parent 4bc4d7a
commit 59fef7d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -214,6 +214,9 @@ const Tooltip = React.forwardRef<unknown, TooltipProps>((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
@@ -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} {