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

Bug: General Responsiveness of the Highlights Page #1336

Closed
2 tasks done
babblebey opened this issue Jul 7, 2023 · 9 comments · Fixed by #1490
Closed
2 tasks done

Bug: General Responsiveness of the Highlights Page #1336

babblebey opened this issue Jul 7, 2023 · 9 comments · Fixed by #1490
Labels
🐛 bug Something isn't working good first issue Good for newcomers released on @beta released

Comments

@babblebey
Copy link
Contributor

Describe the bug

General Responsiveness on the Highlights Page Isn't Crisp, some content goes out of the viewport and certain width size and some overflow on the x-axis is scrolled at some point too

screencast-insights opensauced pizza-2023 07 07-00_18_44

Steps to reproduce

  1. Go to https://insights.opensauced.pizza/feed
  2. Restore you browser and reduce the width size to the smallest possible
  3. Pay attention to how the viewport treats the content

Browsers

Chrome

Additional context (Is this in dev or production?)

Dev and Production

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs
@babblebey babblebey added 🐛 bug Something isn't working 👀 needs triage labels Jul 7, 2023
@bharathkalyans
Copy link

Hiding the left and right sections in that viewpoint would solve this bug!
Or we can reduce the width of the middle section so that we can fit the 3 sections accordingly!

@jpmcb
Copy link
Member

jpmcb commented Jul 13, 2023

I also ran into this today

2023-07-13.11-36-37.mp4

This video I took on Firefox so looks like it's across all browsers. But looks like #1340 will address this.

@NsdHSO
Copy link
Contributor

NsdHSO commented Jul 14, 2023

Hi folks, In this issue I want to add some more info about the issue, or some docs. I remembered when I worked first time on responsiveness, "What is this how can cover the entire screen area".
BrowserStack
Ideal-screen
Tailwind

@open-sauced
Copy link
Contributor

open-sauced bot commented Aug 7, 2023

🎉 This issue has been resolved in version 1.59.0-beta.5 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

@open-sauced
Copy link
Contributor

open-sauced bot commented Aug 8, 2023

🎉 This issue has been resolved in version 1.59.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

@jpmcb
Copy link
Member

jpmcb commented Aug 9, 2023

Looks like this behavior with the left side shifting beyond the left viewport isn't fixed. Here's a screenshot from just now on beta.insights.opensauced.pizza:

Screenshot 2023-08-08 at 8 20 08 PM

And this was raised recently again in #1530

@bdougie
Copy link
Member

bdougie commented Aug 9, 2023

I did notice on stream today. Not sure if the changes were overwritten.

@babblebey
Copy link
Contributor Author

The PR #1538 should fix this. 🍕

@babblebey
Copy link
Contributor Author

Issue has been resolved in #1553

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 bug Something isn't working good first issue Good for newcomers released on @beta released
Projects
No open projects
6 participants