-
Notifications
You must be signed in to change notification settings - Fork 12
Open
Description
It seems the ballot UI is pretty buggy at the moment:
- in Chrome, when you select a value on the slider, the green dot disappears completely
- in Firefox, radio button animation is not the same when you click on the value, the whole circle first disappears, and then a green one appears, this is different than normal radio button
Both those issues are probably connected with fancy fading in/fading out animations Materialize CSS is using. We should fix those to be consisted with the rest of Materialize, and for nothing to disappear.
Then, there are some general improvements:
- I would get rid of that value label/balloon, it just makes confusion, and if often stays open even after you leave with the mouse
- instead I would introduce ticks on the slider (can be just black dots like it is seen here under click state – I would always show those ticks)
- I would have three labels: oppose, neutral, support
- we should maybe instead of small circle have a large space to click on, with current number inside, like here
Ballot is the most important interaction point for our app and we should really make it smooth. Currently it is simply hard to click and vote the value.