Bug: Contributions highlight social card text is off

[nickytonline]

Describe the bug

I guess it depends on the text in the description of the highlight, but in some instances, it goes outside of the image and partially over the avatar.

Steps to reproduce

1. Share https://app.opensauced.pizza/feed/926 on Slack or somewhere else where the social card will appear.

2. Notice the text is off in the image.

Browsers

No response

Additional context (Is this in dev or production?)

No response

Code of Conduct

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

Contributing Docs

• I agree to follow this project's Contribution Docs

[github-actions]

Thanks for the issue, our team will look into it as soon as possible! If you would like to work on this issue, please wait for us to decide if it's ready. The issue will be ready to work on once we remove the "needs triage" label.

To claim an issue that does not have the "needs triage" label, please leave a comment that says ".take". If you have any questions, please reach out to us on Discord or follow up on the issue itself.

For full info on how to contribute, please check out our contributors guide.

[nickytonline]

Whoever works on this will have to run ntl dev (the Netlify CLI), instead of the regular npm run dev as the social card is generated in a Netlify Edge Function, https://github.com/open-sauced/app/blob/6db2b780894c0c9b49f182c6acaf056730668c39/netlify/edge-functions/card.tsx

[OgDev-01]

This is related to https://github.com/open-sauced/opengraph repo. I did some work there. i can take a look at setting a width for the description so it doesn’t overflow across the avatar

[OgDev-01]

Might be worth transferring this issue over to the opengraph repo as well

[OgDev-01]

This seems wierd.

More description

Less description

Will visit this and investigate more as soon as i can

[nickytonline]

This is related to open-sauced/opengraph repo. I did some work there. i can take a look at setting a width for the description so it doesn’t overflow across the avatar

Ahh, I could've sworn this was the edge function I mentioned above. I'll move it to over there then.

[takanome-dev]

@nickytonline I'm pretty sure the html tag broke the layout. I did add sanitization but we didn't have the result we wanted. Have a look at #71