get rid of negative margin for handle

[pavel06081991]

In my project we do not need for .rc-slider-handle to have negative margin. So I use CSS to remove this negative margin. But in this case when you move handle to the end the handle goes beyond the rail. Could you please calculate offset for handle taking account of handle width, paddings and borders?

[naazim]

Same issue here also. Had to fix with CSS. Here is the fix:

$rc-slider-handle-size: 16px; // Size of your handle ball

.wc-slider__tooltip {
  margin: 0 $rc-slider-handle-size/2;
  width: auto;
}
.rc-slider-rail, .rc-slider-track {
    margin: 0 -#{$rc-slider-handle-size/2};
    width: calc(100% + #{$rc-slider-handle-size});
}