fix: fix vertical handle transform (#635)

Wendell · web-flow · commit 259970e4120f · 2020-03-12T21:44:49.000+08:00
* fix: fix vertical handle transform

* fix: fix reverse style
diff --git a/assets/index.less b/assets/index.less
@@ -128,7 +128,6 @@
       border-color: tint(@primary-color, 50%);
     }
     &-reverse {
-      margin-left: 0;
       margin-right: -4px;
     }
   }
diff --git a/src/Handle.jsx b/src/Handle.jsx
@@ -87,7 +87,7 @@ export default class Handle extends React.Component {
     const positionStyle = vertical ? {
       [reverse ? 'top' : 'bottom']: `${offset}%`,
       [reverse ? 'bottom' : 'top']: 'auto',
-      transform: `translateY(+50%)`,
+      transform: reverse ? null : `translateY(+50%)`,
     } : {
       [reverse ? 'right' : 'left']: `${offset}%`,
       [reverse ? 'left' : 'right']: 'auto',

Original file line number	Diff line number	Diff line change
`@@ -128,7 +128,6 @@`
`128`	`128`	`border-color: tint(@primary-color, 50%);`
`129`	`129`	`}`
`130`	`130`	`&-reverse {`
`131`		`- margin-left: 0;`
`132`	`131`	`margin-right: -4px;`
`133`	`132`	`}`
`134`	`133`	`}`