Support custom slider styling

[iamdebodon]

I am overriding the color picker class with my own new class. But with the approach, it is giving the issue of slider dragging.

Thanks,
Debo

[sconix]

Bit hard to say without being able to test it, but most likely you are adding padding or margin to some class you should not that messes up the calculation.

[iamdebodon]

Isn't it possible to add some dynamic padding and do some workaround on it, in order to make dragging work?

[sconix]

You should be able to just use padding in parent elements for exa ple not just in the slider elements.

[iamdebodon]

Just shared a stackbliz link which depict our problem: https://stackblitz.com/edit/github-7ljkgv-ma8ap6?file=src%2Fstyles.scss.

[sconix]

I checked the dialog code and it looks like the dialog was never build for supporting custom sizes for the sliders. So basically you can not modify the sizes of the sliders with style the dialog only uses the width of the dialog to determine the sizes of the sliders.

I will do some improvements for the next major release (8.0.0) so that custom styling that changes slider sizes should work. So until that you just need to play with the styles and see what you can do and what you can not.

[bhaskerchari]

@sconix ,

First of all thanks for the great component which solves cross browser compatible issues.

I am also looking for something similar where I want to apply my own styles to the dialog and noticed the same issue as mentioned in this post.

I see like you mentioned you are making some improvements in release (8.0.0). Is there any tentative release date that you have in mind? Please let us know.

Is there something that you can do changes or suggest anything to the sample in stackblitz url which is shared by @iamdebodon which we can use them as a work around until then?

Thanks in advance.

[sconix]

Release happens around when Angular 8 is out (+-1 week). Do not have time to work on this before that. Naturally PR's are excepted if somebody provides one.

So until that you just have to live with some of the styling limitation that you do not manage to get working. Only advice I can give is that some sliders might work better with some custom styles if custom dialog width is used. So with other than 230 width the code does read some of the slider widths from the DOM, but I did not test this and since the code is still mostly originally not made by me I do not know it fully that will those width updates even help in this case.

[bhaskerchari]

@sconix sounds good thanks for the update. I will look forward to the change then :)

Thanks,
Bhasker

[ST185314]

How to make this colorpicker and slider keyboard accessible