slider-button-card icon indicating copy to clipboard operation
slider-button-card copied to clipboard

Triangle slider smoothed edges

Open paccerdk opened this issue 2 years ago • 0 comments

I'm experiencing jagged edges of the triangle sliders, which becomes even more obvious with certain configurations (opacity, dimensions) image

This can be worked around with a simple css change, changing the following (or your equivalent): '--slider-bg': 'linear-gradient(var(--slider-bg-direction), transparent 0%, transparent 50%, var(--slider-color) 50%, var(--slider-color) 100%)'

to

'--slider-bg': 'linear-gradient(var(--slider-bg-direction), transparent 0%, transparent 49%, var(--slider-color) 50%, var(--slider-color) 100%)'

gives a much smoother look, like so: image

its not a perfect solution, but much better than the jagged edges in my opinion. (and there doesn't seem to be any better solutions for using linear-gradient).

It would be nice to have as an configuration option at least, since everyone might not always want this ;)

paccerdk avatar Jul 08 '22 12:07 paccerdk