OData / OData/odataorg.github.io

Mobile Usability - No left margin

Open
#334 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
HTML
Stars
73
Forks
106
PR merge metrics
No merged PRs in 30d

Description

On Mobile (Android 10 / Kernel 4.9.186-22990479 / Chrome 109.0.5414.118), I noticed in both landscape and portrait viewing modes, that there were no margins on the left side of the text; making it hard to read because the text was like sliding off the edge of the screen a bit.

I have a pretty thin phone case, and the first letter on the left is always partially obstructed, I think if someone had a thicker phone case (like an otterbox, or something) that it would probably obstruct more.

Here is a simulated image from my desktop web browser where I reproduced the issue by resizing the window to be small:
image

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue by resizing a desktop browser to a small window, then check the site’s mobile layout and styling entry points. Done means text has visible left clearance and is not clipped in either portrait or landscape viewing.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
frontend, mobile-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.