Fix incorrect collapse icon position when sider in the right

components/layout/Sider.tsx

@@ -213,7 +213,10 @@ class Sider extends React.Component<SiderProps, SiderState> {
     // special trigger when collapsedWidth == 0
     const zeroWidthTrigger =
       parseFloat(String(collapsedWidth || 0)) === 0 ? (
-        <span onClick={this.toggle} className={`${prefixCls}-zero-width-trigger`}>
+        <span
+          onClick={this.toggle}
+          className={`${prefixCls}-zero-width-trigger-${reverseArrow ? 'right' : 'left'}`}
+        >
           <Icon type="bars" />
         </span>
       ) : null;

components/layout/style/index.less

@@ -110,6 +110,14 @@
         &:hover {
           background: tint(@layout-sider-background, 10%);
         }
+
+        &-left {
+          right: -@layout-zero-trigger-width;
+        }
+
+        &-right {
+          left: -@layout-zero-trigger-width;
+        }
       }
     }
   }