search

phetsims / number-line-integers

"Number Line: Integers" is an educational simulation in HTML5, by PhET Interactive Simulations.
GNU General Public License v3.0
0 stars 4 forks source link

Overlap issues on absolute value of vertical "generic" screen #48

Closed kathy-phet closed 4 years ago

kathy-phet commented 4 years ago

I was just playing an noticed some overlap issues with the absolute value reading in the vertical generic screen. @amanda-phet - did you consider possible rotating the absolute value readouts so they are more like in the horizontal screen? image

amanda-phet commented 4 years ago

I think that this is because we increased the font sizes, so @jbphet can probably tweak the spacing.

At one point I think we considered rotating the text, but I don't think that's very user-friendly, especially for younger audiences. I think it might be best to tweak the spacing.

amanda-phet commented 4 years ago

@jbphet can you adjust the spacing for these labels?

jbphet commented 4 years ago

@amanda-phet - you're correct, this is a result of the recent font size changes. I adjusted the distance for the absolute value span that is closest to the number line based on what I believe is the worst case alignment (see below). Please check this and close if it looks good.

image

amanda-phet commented 4 years ago

Those look good to me. Thanks for making those adjustments. I couldn't find any other opportunities for the text to overlap.