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

Referential Actions Section: UI breaks when viewing on devices with a width < 560 pixels. #6273

Open
mohammednumaan opened this issue Sep 20, 2024 · 2 comments
Labels
docs Documentation creation, updates or corrections Unplanned

Comments

@mohammednumaan
Copy link

mohammednumaan commented Sep 20, 2024

In the referential actions sections of the prisma docs, the table present in this secton causes an extra white space on the right-hand side of a device with a width < 560px. (as show below).

image

This may cause inconvenience while reading this section on devices with a screen width less than 560px. A possible fix would be wrapping the table in a div and setting the div's CSS overflow property to overflow-x:auto. This would make the table scrollable in the x-direction and making it responsive to devices with a screen width less than 560px.

Here is what it would like after the fix (note that the table is scrollable):
image

Note: I would be happy to work on this issue.

@mohammednumaan
Copy link
Author

@jharrell I was wondering if you could lend a hand by taking a quick look at the issue? Thanks!

@jharrell
Copy link
Member

Hi there, thanks for the ping. I'm getting this entered into our internal issue tracking to make sure we take a look

@jharrell jharrell removed the website label Oct 1, 2024
@mhessdev mhessdev added docs Documentation creation, updates or corrections Unplanned labels Oct 7, 2024 — with Linear
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs Documentation creation, updates or corrections Unplanned
Projects
None yet
Development

No branches or pull requests

3 participants