ABSphreak / readme-jokes

😄 Jokes for your GitHub READMEs
https://readme-jokes.vercel.app/api
MIT License
654 stars 121 forks source link

Image is shrinked on Github #66

Closed poblouin closed 2 years ago

poblouin commented 2 years ago

Summary

The image height is shrinked on Github (markdown) for some reason. I noticed it few days ago, not sure how long it's been like that.

System: Macbook Air M1 2020 Monterey 12.0.1 Firefox 94.0.2

How To Reproduce

Steps to reproduce the behavior:

Just look at the README of the repo, you can see the issue there. It's the same in my own README. I haven't try the HTML version, only the markdown.

Screen Shot 2021-12-04 at 8 41 24 AM

Do someone have an idea of what is going on or noticed the same issue as I do? I never worked on this project, but I'll try to take some time to investigate and find a fix.

ABSphreak commented 2 years ago

Happens on Firefox and Mobile.

3 & #46.

poblouin commented 2 years ago

Ah thanks, I wasn't sure that #46 was related.

poblouin commented 2 years ago

@ABSphreak Forcing the width and height seems to fix the issue: https://github.com/poblouin/readme-jokes/pull/1. You can test using the Vercel URL from the build.

That's not enough though, we would need to dynamically adapt those values based on the content of the card. That's a start, but I don't think I am good enough at CSS + SVG to properly solve it 😅

ABSphreak commented 2 years ago

Closed in #68, I think.

poblouin commented 2 years ago

@ABSphreak The issue is still present, I still see it on Firefox when I look at the README of the repo.

Screen Shot 2022-04-21 at 7 07 13 PM
ABSphreak commented 2 years ago

@poblouin would look into it