website icon indicating copy to clipboard operation
website copied to clipboard

🐛 Bug: Table in Specification Links Page Not Adjustable for Mobile

Open idanidan29 opened this issue 9 months ago • 3 comments

Describe the bug

The table on the Specification Links page does not adjust properly when viewed on mobile devices, causing the poor user experience.

Steps To Reproduce

  1. Navigate to the Specification Links page on a mobile device or resize the browser window to mobile size.
  2. Observe the table not adjusting to fit the screen, resulting in horizontal scrolling or content being cut off.

Expected Behavior

The table should be fully responsive, adjusting its layout for smaller screen sizes, with content properly displayed without the need for horizontal scrolling.

Screenshots

Image

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

If this issue is approved, I would like to be assigned to it

idanidan29 avatar Mar 10 '25 22:03 idanidan29

Thanks @idanidan29 for pointing out this issue, but here also the question arises how you're going to handle table headers?

DhairyaMajmudar avatar Mar 11 '25 08:03 DhairyaMajmudar

Since the table width is approximately the same size as the tool table, I was thinking that once we figure out the design for that issue #1473, the solution will be similar for this issue.

idanidan29 avatar Mar 11 '25 21:03 idanidan29

Hey @idanidan29 have a look on this https://github.com/json-schema-org/website/pull/1473#issuecomment-2733198922 Hoping that it may work with this issue too.

Utkarsh-123github avatar Mar 18 '25 13:03 Utkarsh-123github

Hi everyone. This issue will be fixed as part of the GSoC project #1654 . For this reason, we will close it and work on the new version of the component.

Thanks everyone!!

benjagm avatar May 31 '25 09:05 benjagm