Changes in position and size of some controls

phetsims / buoyancy

"Buoyancy" is an educational simulation in HTML5, by PhET Interactive Simulations.

GNU General Public License v3.0

2 stars 2 forks source link

Changes in position and size of some controls #133

Closed DianaTavares closed 3 weeks ago

DianaTavares commented 1 month ago

[x] move the 1/2 block and bottle/boat radio button close to the rest button, and make them smaller to fit in the “Shapes” screen.
[x] Center the Fluid density control with the pool Here are the mock-ups: Explore

shapes

Applications

[ ] move the gravity control in the Lab screen to the right. Observe how, in this screen, to fit the scale control, the Gravity panel, and the readouts (Density and %submerged) require having a smaller width.
[ ] Center the Fluid density control with the pool in this screen as well.

[ ] Convert density and submerged readouts floating panels

AgustinVallejo commented 4 weeks ago

@DianaTavares we were discussing about this issue. While the radio button repositioning seems nice, and it's already done, we advice against moving the gravity panel in Lab. It currently looks like this

The vertical space is currently just right for us not to shrink either the height-slider or the accordion boxes, which would start looking small for translations for them to fit. We understand that the desire is to have Fluid Density Panel centered for all screens, but we feel like those two panels are good the way they are right now in Lab Screen.

Let me know what you think :)

zepumph commented 3 weeks ago

@DianaTavares agrees that it is more cost to move the gravity panel over. All else was reviewed. Closing