fix: fix style and bump rc-slider

ant-design · Mar 13, 2020 · 1100892 · 1100892
1 parent 5b22447
commit 1100892
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 12 deletions.
diff --git a/components/slider/demo/reverse.md b/components/slider/demo/reverse.md
@@ -16,12 +16,6 @@ Using `reverse` to render slider reversely.
 ```jsx
 import { Slider, Switch } from 'antd';
 
-const style = {
-  display: 'inline-block',
-  height: 300,
-  marginLeft: 70,
-};
-
 class Demo extends React.Component {
   state = {
     reverse: true,
@@ -37,9 +31,6 @@ class Demo extends React.Component {
       <div>
         <Slider defaultValue={30} reverse={reverse} />
         <Slider range defaultValue={[20, 50]} reverse={reverse} />
-        <div style={style}>
-          <Slider defaultValue={30} vertical reverse={reverse} />
-        </div>
         Reversed: <Switch size="small" checked={reverse} onChange={this.handleReverseChange} />
       </div>
     );

diff --git a/components/slider/style/index.less b/components/slider/style/index.less
@@ -189,8 +189,7 @@
     }
 
     .@{slider-prefix-cls}-handle {
-      // margin-bottom: -7px;
-      margin: 0;
+      margin-top: -6px; // we chould consider border width as well: (10 + 2 ) / 2
       margin-left: -5px;
 
       .@{slider-prefix-cls}-rtl& {

diff --git a/package.json b/package.json
@@ -124,7 +124,7 @@
     "rc-rate": "~2.5.1",
     "rc-resize-observer": "^0.1.0",
     "rc-select": "~10.0.0",
-    "rc-slider": "~9.2.1",
+    "rc-slider": "~9.2.3",
     "rc-steps": "~3.5.0",
     "rc-switch": "~1.9.0",
     "rc-table": "~7.3.0",