keplergl / keplergl/kepler.gl

Slider-input usability changes

Open
#610 3 comments 1 reaction 1 assignee Claimed by @heshan0131 View on GitHub
Dominant language
TypeScript
Stars
12k
Forks
2k
Avg merge
1d 5h
Merged PRs (30d)
66

Description

Hello!
I have two proposals for slider-input-value field:

**Make minimum slider-input width wider by 15% and adaptive to digits count**
Now width of range sliders is 50 px
![изображение](https://user-images.githubusercontent.com/29977642/61203035-e7ee6400-a6f1-11e9-9791-62f36bf5511e.png)
Setting it to 60-70 px will improve usability of slider inputs in most cases. For another cases it should individual for every slider-input and have adaptive width according to count of digits in parameter

**Make slider-input buttons adaptive to number, that would be changed**
Here grid size set to 0.1 km
![изображение](https://user-images.githubusercontent.com/29977642/61202449-3438a480-a6f0-11e9-9039-c7d71137e6c6.png)
After clicking up button, ranges become 1.1 km
![изображение](https://user-images.githubusercontent.com/29977642/61202461-3bf84900-a6f0-11e9-8a6b-4202312bfe12.png)
Proposal is to make order of difference between initial and final value comparable to initial value's count of visible digits after decimal point. For example if initial value set to 1 without visible decimal point, then clicking up and down buttons will change it by 1. If value set to 1.0 or 1.1, it would be changed by 0.1 and etc.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.