Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Display issues on mobile #286

Open
tdeo opened this issue Dec 28, 2022 · 3 comments
Open

Display issues on mobile #286

tdeo opened this issue Dec 28, 2022 · 3 comments

Comments

@tdeo
Copy link

tdeo commented Dec 28, 2022

Hello,

I'm having a few issues while playing on mobile (980px width * 1850px height), the main ones that I keep coming back to are:

  • Unability to start challenge 12 (though this can be worked around by rotating the screen)

image

  • unability to disable autobuyers except for dimensions 1-7 (this screenshot is scrolled to the right at the maximum)

image

  • can't read last column of achievement tooltips:

image

  • slight overlap of the menu with the main elements:

image

All of that seems to be adressed by setting min-width: 1200px on the html body and using the browser scroll - would you consider such a change?

Thanks

@JollyWizard
Copy link

I have very similar issues on Firefox Mobile.

  • Cannot access the automation on / off buttons because they are out of bounds.
  • Time Studies tab is erratic, and seems to be related to the problem. Sometimes it is reduced to fit vertical, sometimes horizontal, sometimes the bottom floats on content. Sometimes it is all the way at the bottom of a scroll.
  • News ticker starts to disappears into the upper out-of-bounds gutter, and other content follows it. Can't see EP/IP, and
  • Content at the bottom can be cut off.
  • Things usually start out fine, and then problems start to crop up and get worse and worse as long as the page is open. Only a close and reopen returns to semi-normalcy.

I have two suspicions:

  • Auto-rotate and / or tab bar auto-hide seem to be causing the re-layouts events where things start to break.
  • Certain eccentric news ticker events may be causing grief to the layout engine in smaller screen size.

Overall, this all seems to be related to the fact that the modern look forces a certain minimum screen width, and then the content does not always respect it. The minimum screen width makes mobile browser and even half screen docked content get obscured by the navigation menu. A graceful degradation into a vertical stacked layout ought to address the issue and make smaller viewports into a quality usable product. Right now, mobile especially is pretty terrible, and I only use it because Android doesn't have reality yet.

@omsi6
Copy link
Collaborator

omsi6 commented Jan 28, 2023

The web version is not designed for mobile browsers.

@JollyWizard
Copy link

After more time playing:

  • The disappearing news ticker and drift of top content outside of the viewport has something to do with dilated time. I noticed it on a desktop version as well, and after more testing on mobile dilated time does seem to be the common factor. Tab switching and viewport size changes seem to antagonize it further.

  • The modern layout does not seem to have enough minimum content size to properly scale down. You can probably see this using half window snapping on a desktop. At a certain width, the automation enabler buttons disappear out of the viewport. OP suggested minimum content size. This seems to be the correct approach for the current, non-responsive design. I was able to fix the problem on Firefox mobile by forcing the text size for all sites to 90%. Other content will get pushed out too, but the tiny automation buttons are the only ones that make the game unplayable in many scenarios.

The only other gamebreaker I have found on mobile (currently at cel1), is replicanti galaxies on the Active path. There isn't a button overlay option, like on android, for the R hotkey, and trying to rapid click the main button triggers browser zoom in and out, so it's impossible to hand click it fast enough. Other mobile browsers might let you get away with clicking, but the overlay button from the android version would really help. Also ought to be good for screen tabs and other semi-mobiles.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants