search

Khan / structured-blocks

MIT License
11 stars 2 forks source link

The input boxes slightly change width as you scrub the numbers #85

Closed pamelafox closed 9 years ago

pamelafox commented 9 years ago

It's a bit distracting, would feel slicker if that didn't happen.

jeresig commented 9 years ago

@pamelafox So I'm actually not sure what the right way approach this, is. This was less of an issue when we used a fixed-width font, but we've since switched to using a variable-width font. Additionally we want the number picker to be centered under the input as you scrub. Thus as you scrub it jumps around, due to the changing widths of the fonts. I'm open to feedback and would definitely appreciate @jbrennan's insight here.

jbrennan commented 9 years ago

Let’s give the input boxes a min-width: 50px

It makes them more tappable, and pretty much no number between 0-999 will force it to be wider, so it won’t jostle around as you scrub. Win win! :grin:

annieka commented 9 years ago

+1 to Jason' suggestion