From 016c1cfe922c4451c1837544a75b3b46425197fc Mon Sep 17 00:00:00 2001
From: HeskeyBaozi <hezhiyu233@foxmail.com>
Date: Sat, 1 Sep 2018 19:51:46 +0800
Subject: [PATCH] fix collapse arrow style

---
 components/collapse/Collapse.tsx     | 2 +-
 components/collapse/style/index.less | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/collapse/Collapse.tsx b/components/collapse/Collapse.tsx
index e1b9aa1b1d..60e11fcc17 100644
--- a/components/collapse/Collapse.tsx
+++ b/components/collapse/Collapse.tsx
@@ -29,7 +29,7 @@ export default class Collapse extends React.Component<CollapseProps, any> {
 
   renderExpandIcon = () => {
     return (
-      <Icon type="right" className={`arrow`} svgClassName={`arrow-svg`} />
+      <Icon type="right" className={`arrow`} />
     );
   }
 
diff --git a/components/collapse/style/index.less b/components/collapse/style/index.less
index 66b5db0bd6..9a016217d7 100644
--- a/components/collapse/style/index.less
+++ b/components/collapse/style/index.less
@@ -42,9 +42,10 @@
         display: inline-block;
         line-height: 46px;
         vertical-align: top;
-        top: 0;
+        top: 50%;
+        transform: translateY(-50%);
         left: @padding-md;
-        &-svg {
+        & svg {
           .collapse-close();
           transition: transform 0.24s;
         }
@@ -88,7 +89,7 @@
   }
 
   & > &-item > &-header[aria-expanded="true"] {
-    .arrow-svg {
+    svg {
       .collapse-open();
     }
   }