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

Hide header image on registration form on mobile #2288

Closed
matkoniecz opened this issue Jun 29, 2019 · 6 comments
Closed

Hide header image on registration form on mobile #2288

matkoniecz opened this issue Jun 29, 2019 · 6 comments

Comments

@matkoniecz
Copy link
Contributor

On my phone over 1/3 of the screen on registration form is taken by image not needed there.

It would be better to hide it on the mobile - https://user-images.githubusercontent.com/899988/60381710-6e9c1380-9a59-11e9-98e5-d5a7ee4005dc.png

Tested with Chrome on Xiaomi Redmi 4.

@simonpoole
Copy link
Contributor

simonpoole commented Jun 29, 2019

I've tried to recreate the obvious layout brokenness with three different browsers (including chrome) on Android and didn't see anything that looked like your screenshot. Do you have any font size or zoom settings that are non-standard?

While the image is large, there isn't that much to fill out and at least for me there is no problem in using the form at all.

Update: I just tried with a slightly smaller screen device and get the overlapping column issue, which IMHO is what should be fixed for starters.

@matkoniecz
Copy link
Contributor Author

matkoniecz commented Jun 29, 2019

I used Chrome from Google Play, on my Xiaomi Redmi phone, without any configuration, without any system config that I would expect to cause this. It is possible that my cheap "smart"phone is broken in a new exciting way. But the same layout was on phone of my friend during UX testing, what triggered my bug reports.

While the image is large, there isn't that much to fill out and at least for me there is no problem in using the form at all.

The sad reality is that typical user has problems with scrolling. Significant part of people appear to be unable to reach parts of website that require scrolling. My test had hilariously small sample size of 7, but it seems to echo public reports of larger UX tests. Note also that signup page of typical website has significantly less clutter than our form.

And in this case I suspect that it is not because because OSM website design is superior, unlike some other differences.

@westnordost
Copy link

I have a Sony Xperia Z1 Compact and it looks like this on my phone (Firefox)

Landscape

Portrait

@AntonKhorev
Copy link
Contributor

Shouldn't be happening after 523565f.

@matkoniecz
Copy link
Contributor Author

closing then

@westnordost
Copy link

cool

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

4 participants