NO BUG: Minor issue in filter-range element

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hello bricks team,

If you add the filter-range element and set the Thumb: Border to 2px, the Bar: Height is also 2px, but it doesn’t look double. In fact, the Bar: Height looks thicker than it should.

Price range
Price range1877×125 1.51 KB

2

Hi Jolia,
Thanks so much for your report!

For technical reasons, the bar height is determined by the border property. By default, this is 2px at the top and bottom. So if you only want a total of 2px, set it to 1px :slight_smile:

The default:

image
image788×324 31.3 KB

Best regards,
timmse

1 Like