QuirkyCort / gears

Generic Educational Robotics Simulator
Other
65 stars 41 forks source link

Layout problems on small screen, e.g. world selection dialog has to large font compared to other UI parts #68

Closed germanicianus closed 3 years ago

germanicianus commented 3 years ago

See screenshot below. On small screens like phones have (even on an iPhone 7 Plus) this is a huge problem which OpenRoberta doesn't have. gears_layout_problem

QuirkyCort commented 3 years ago

I've put in a fix for that. The entire center section is scrollable now.

germanicianus commented 3 years ago

The font and the buttons are still really large compared to the main window, but the scrolling is fixed indeed. I didn't try the fix yet on my real iPhone. gears_sim_ios_landscape_select_world

QuirkyCort commented 3 years ago

Fonts are often not scaled to the screen dimensions, else it may be too small to read.

As long as there's no major usability concerns, I'll rather have larger fonts than smaller. Larger fonts helps with...

germanicianus commented 3 years ago

Agreed. But I think there should be some zoom buttons in the UI like the Simulator already has for the 3D representation. The reason is, that there are browsers on mobile devices which don't have controls for that, e.g. Amazon Silk on the Fire TV 4K - and the UI just looks HUGE on a 75 inch TV. Additionally, there should be a fullscreen toggle button for the same reason and also to save screen estate - especially on an iPhone in landscape mode because the tabs and URL bar occupy a lot of space and they cannot be hidden because there is no room to scroll down in the UI (which would hide it).