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

fix: enhance feed layout responsiveness #1516

Closed
wants to merge 10 commits into from

Conversation

RitaDee
Copy link
Contributor

@RitaDee RitaDee commented Aug 7, 2023

Description

#1490 (review)

What type of PR is this? (check all applicable)

  • πŸ• Feature
  • πŸ› Bug Fix
  • πŸ“ Documentation Update
  • 🎨 Style
  • πŸ§‘β€πŸ’» Code Refactor
  • πŸ”₯ Performance Improvements
  • βœ… Test
  • πŸ€– Build
  • πŸ” CI
  • πŸ“¦ Chore (Release)
  • ⏩ Revert

Related Tickets & Documents

Mobile & Desktop Screenshots/Recordings

Screen.Recording.2023-08-07.at.16.53.22.mov

Added tests?

  • πŸ‘ yes
  • πŸ™… no, because they aren't needed
  • πŸ™‹ no, because I need help

Added to documentation?

  • πŸ“œ README.md
  • πŸ““ docs.opensauced.pizza
  • πŸ• dev.to/opensauced
  • πŸ“• storybook
  • πŸ™… no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?

@netlify
Copy link

netlify bot commented Aug 7, 2023

βœ… Deploy Preview for design-insights ready!

Name Link
πŸ”¨ Latest commit 30f3e08
πŸ” Latest deploy log https://app.netlify.com/sites/design-insights/deploys/64d2b4eb260967000861ebec
😎 Deploy Preview https://deploy-preview-1516--design-insights.netlify.app
πŸ“± Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@netlify
Copy link

netlify bot commented Aug 7, 2023

βœ… Deploy Preview for oss-insights ready!

Built without sensitive environment variables

Name Link
πŸ”¨ Latest commit 30f3e08
πŸ” Latest deploy log https://app.netlify.com/sites/oss-insights/deploys/64d2b4eb1444350008e59669
😎 Deploy Preview https://deploy-preview-1516--oss-insights.netlify.app
πŸ“± Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PR Compliance Checks

Thank you for your Pull Request! We have run several checks on this pull request in order to make sure it's suitable for merging into this project. The results are listed in the following section.

Issue Reference

In order to be considered for merging, the pull request description must refer to a specific issue number. This is described in our Contributing Guide.
This check is looking for a phrase similar to: "Fixes #XYZ" or "Resolves #XYZ" where XYZ is the issue number that this PR is meant to address.

@brandonroberts brandonroberts added merge conflicts Needs merge conflict resolved needs review PRs that need review from core engineering team labels Aug 7, 2023
@bdougie
Copy link
Member

bdougie commented Aug 7, 2023

@RitaDee npm run format will fix lint errors.

@RitaDee
Copy link
Contributor Author

RitaDee commented Aug 7, 2023

@brandonroberts, I have resolved the conflict.

Thank you, @bdougie for the lint error fix.

@bdougie
Copy link
Member

bdougie commented Aug 8, 2023

bug: Long names in top contributors mess up spacing on small screens.

I noticed a weird side effect. I did see this get reported elsewhere. OK to have it addressed on another PR

My suggestion is to add truncation when the width is adjusted.

Screen Shot 2023-08-07 at 4 46 56 PM

@babblebey
Copy link
Contributor

bug: Long names in top contributors mess up spacing on small screens.

Ha, this had been noted already and it was the next issue @RitaDee planned on raising, thank you for pointing that out again.

Copy link
Contributor

@babblebey babblebey left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LG πŸ•

pages/feed/index.tsx Outdated Show resolved Hide resolved
@bdougie
Copy link
Member

bdougie commented Aug 8, 2023

Thanks for jumping on this @RitaDee

Copy link
Contributor

@brandonroberts brandonroberts left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changes visually look good πŸ‘ . Needs one more round of merge conflicts resolved

@brandonroberts brandonroberts changed the title revert: Profile layout regression fix: enhance profile layout responsiveness Aug 8, 2023
@brandonroberts brandonroberts changed the title fix: enhance profile layout responsiveness fix: enhance feed layout responsiveness Aug 8, 2023
@RitaDee
Copy link
Contributor Author

RitaDee commented Aug 8, 2023

@brandonroberts, I will fix it.

@RitaDee
Copy link
Contributor Author

RitaDee commented Aug 8, 2023

@brandonroberts, I have fixed the conflict.

@bdougie
Copy link
Member

bdougie commented Aug 9, 2023

I am seeing nothing on mobile currently image

@brandonroberts
Copy link
Contributor

@RitaDee that last merge broke the UI according to the PR preview. Will you take a look?

@RitaDee
Copy link
Contributor Author

RitaDee commented Aug 9, 2023

@brandonroberts I will take a look at it.

@RitaDee
Copy link
Contributor Author

RitaDee commented Aug 10, 2023

@brandonroberts, I have this fix on a new branch.

Here is the link:
#1538

I will close this PR.

@RitaDee RitaDee closed this Aug 10, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
merge conflicts Needs merge conflict resolved needs review PRs that need review from core engineering team
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants