Grade range in one slider about climbdex

[gardaholm]

true, top position is a good idea and we still would win space by removing the 2 input boxes blow for min and max grades …

[lemeryfertitta]

Released! Thanks again @gardaholm for the work on this one, its looking nice.

[gardaholm]

I tried a quick version with the noUIslider, it get's pretty dense due to the 16 Steps.
and if we want to keep it inline with the other boxes we need to make the slider pretty small. not really happy with this solution, but with some more css modification it may work …

I think it's neccessary that both grades are always visible, except if you combine the two handles exactly on one grade …

[lemeryfertitta]

@gardaholm Cool! Couple of ideas:

1. Let's move the slider to be the first filter. I think this is both a good idea in terms of usability (I assume its the most commonly adjusted filter) and in terms of appearance.
2. Could we move the "Grade" label to be floating above or below the slider? Actually, do we even need a label? I feel like it is pretty self explanatory. Ideally we'd keep the font/hueco conversion as well, at least until we offer some kind of preferences to show one or the other.
3. If 2 works, we can make the slider the full width of the card (since there is no label). Also, I don't see any issue with increasing the height as well if there are usability issues. Seems okay for it to take up the space of 1.5 or 2 rows of filters if needed (though maybe not necessary)

[lemeryfertitta]

Nice! LGTM