strange border with rangeColor

soundar24 / roundSlider

roundSlider - A free jQuery plugin

https://roundsliderui.com/

MIT License

264 stars 80 forks source link

strange border with rangeColor #97

Closed shalamos closed 5 years ago

shalamos commented 5 years ago

Hi, thanks for this great plugin.

When I set a rs-path-color and a rs-track-color, you can see a bit of the range-color at the left side of the Track. Is there any way to fix this?

I use Chrome 76.0.3809.100 on macOS 10.13.6 with a Retina Display.

soundar24 commented 5 years ago

Actually the current implementation of roundSlider uses the div elements, so that you are facing these UI issues.

I already provided support for the SVG version, but still didn't include in the source. So I have provided that code as a sample level that will solve your issue.

Check the below demo:

https://jsfiddle.net/soundar24/se6hauLw/3/

shalamos commented 5 years ago

Yes, it seems like those divs do not overlap perfectly. The svg version works great for me, thanks a lot! Do you have any plans on releasing it?

soundar24 commented 5 years ago

I already have the plan from a long time, but don't have the time. Also I hope that people got satisfied with this workaround, so that not focused on this.

However please let me know your priority, based on that I will try to release this in a couple of weeks or at-least in a month.

shalamos commented 5 years ago

Yes, I can use the workaround for now, but if you release it I will switch to that for sure. Thanks again!

soundar24 commented 4 years ago

@shalamos I forget to update you, roundSlider was released with SVG mode on January itself. Please check the below demo:

https://jsfiddle.net/soundar24/r5jcb1q4/1/

You can simply migrate to the latest version and let me know if you faced any issues.. Thanks...