search

overthesun / simoc

A scalable model of an interactive, off-world community
https://ngs.simoc.space/
GNU General Public License v3.0
2 stars 2 forks source link

Tablet Browser Sizing (Not 100% Height) #58

Closed gschoberth closed 3 years ago

gschoberth commented 5 years ago

I did some proper device testing today with the current SIMOC UI on an actual iPad. There are some slight issues that I wasn't aware of with mobile browsers specifically until today.

Normally the UI sizes to be 100% (width and height) of the view within a browser, the part below the address bar. Works exactly as expected on any size desktop screen within our limits. The problem is, and this is a known issue on both Android and iOS is that it doesn't work the same. You end up with this (left side would be mobile currently). This results in having to slightly scroll on every screen. No a big deal but kind of annoying on what should be a full screen app.

Left side is the current problem. Right is what it should be.

Have a solution from reliable source but is untested within SIMOC and Vue.

viewport-units-mobile-crop_gxa4yw

@kstaats

kstaats commented 5 years ago

Thank you for the full description. Eager to see how this plays out.

On 4/4/19 11:08 AM, Greg Schoberth wrote:

I did some proper device testing today with the current SIMOC UI on an actual iPad. There are some slight issues that I wasn't aware of with mobile browsers specifically until today.

Normally the UI sizes to be 100% (width and height) of the view within a browser, the part below the address bar. Works exactly as expected on any size desktop screen within our limits. The problem is, and this is a known issue on both Android and iOS is that it doesn't work the same. You end up with this (left side would be mobile currently). This results in having to slightly scroll on every screen. No a big deal but kind of annoying on what should be a full screen app.

Left side is the current problem. Right is what it should be.

Have a solution from reliable source but is untested within SIMOC and Vue.

viewport-units-mobile-crop_gxa4yw

@kstaats

ezio-melotti commented 3 years ago

We discussed a while ago about focusing on desktops for now, and possibly looking into adding support for other devices down the road. Since the creation of this issue, I also reworked the layout so it might be already working on tablets.

kstaats commented 3 years ago

Thanks!

On 2/24/21 10:43 AM, Ezio Melotti wrote:

Closed #58.