slider-button-card
slider-button-card copied to clipboard
Triangle slider smoothed edges
I'm experiencing jagged edges of the triangle sliders, which becomes even more obvious with certain configurations (opacity, dimensions)
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:
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 ;)