Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Increase min-max distance before bringing min down #2

Open
RBFraphael opened this issue Jun 16, 2022 · 1 comment
Open

Increase min-max distance before bringing min down #2

RBFraphael opened this issue Jun 16, 2022 · 1 comment
Labels
help wanted Extra attention is needed

Comments

@RBFraphael
Copy link

This isn't an issue, but I need to increase the minimum distance between min and max thumbs.

I have an range slider from 0 to 50 million, so, in case the chosen range is too next but higher values (eg. 30M and 32M), the labels are overlapping, instead bringing minimum value to bottom.

Checking SASS, I've found a --thumbs--too-close variable that stores a clamp function, but can't understand how it's working. Maybe this isn't the right place. So, I want to know how can I reduce the min threshold between min-max thumbs.

Thanks!

@yairEO
Copy link
Owner

yairEO commented Jun 17, 2022

Hi, You can play with the numbers and see what fits you best:

--thumbs-too-close: Clamp(
    -1,
    1000 * (Min(1, Max(var(--cb) - var(--ca) - 10, -1)) + 0.001),  // try "10" which will cause the values to appear at different sides when the values are more far from each other. You can try different numbers. Maybe '10%' will work better for your case.
    1
  );

@yairEO yairEO added the help wanted Extra attention is needed label Jun 17, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants