When showing the focused state the circle looks like it is transparent on the inside and I would expect to see the slider value going to the selected value, but this is not the case. It is a bit difficult to explain, so I made some screenshots to illustrate the issue.
50 looks OK
At 40 the value is slightly off, it does not reach the step value:
At 0 it looks like the slider horizontal line goes below 0. Also the circle is off-centered.
At 100 it looks as if it goes above 100. Also with three digits the popover looks of centered.
When showing the focused state the circle looks like it is transparent on the inside and I would expect to see the slider value going to the selected value, but this is not the case. It is a bit difficult to explain, so I made some screenshots to illustrate the issue.
50 looks OK
At 40 the value is slightly off, it does not reach the step value:
At 0 it looks like the slider horizontal line goes below 0. Also the circle is off-centered.
At 100 it looks as if it goes above 100. Also with three digits the popover looks of centered.
Originally posted by @agazso in https://github.com/diete-design/diete.design/pull/71#pullrequestreview-2063509400