From 45559c84bee5f5a4170b42a87df64a9b0a19c5a3 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 11 Dec 2017 16:02:53 +0800
Subject: [PATCH] Fix arrow position of Popover, close #8548

---
 components/popover/style/index.less | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/popover/style/index.less b/components/popover/style/index.less
index a1bc93546b..87065a7212 100644
--- a/components/popover/style/index.less
+++ b/components/popover/style/index.less
@@ -116,7 +116,7 @@
   }
   &-placement-top > &-content >  &-arrow {
     left: 50%;
-    margin-left: -@popover-arrow-width;
+    transform: translateX(-50%) rotate(45deg);
   }
   &-placement-topLeft > &-content >  &-arrow {
     left: 16px;
@@ -133,7 +133,7 @@
   }
   &-placement-right > &-content >  &-arrow {
     top: 50%;
-    margin-top: -@popover-arrow-width;
+    transform: translateY(-50%) rotate(45deg);
   }
   &-placement-rightTop > &-content >  &-arrow {
     top: 12px;
@@ -150,7 +150,7 @@
   }
   &-placement-bottom > &-content >  &-arrow {
     left: 50%;
-    margin-left: -@popover-arrow-width;
+    transform: translateX(-50%) rotate(45deg);
   }
   &-placement-bottomLeft > &-content >  &-arrow {
     left: 16px;
@@ -167,7 +167,7 @@
   }
   &-placement-left > &-content >  &-arrow {
     top: 50%;
-    margin-top: -@popover-arrow-width;
+    transform: translateY(-50%) rotate(45deg);
   }
   &-placement-leftTop > &-content >  &-arrow {
     top: 12px;