Skip to content

Improve the ballot UI #67

@mitar

Description

@mitar

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.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions