search

DevLeonardoCommunity / github-stats

Aggregating and displaying YOUR GitHub Stats in meaningful metrics (we learn web development in the meantime)
https://public-github-stats.vercel.app
MIT License
71 stars 36 forks source link

Broken responsive layout in stats page #97

Closed theflucs closed 7 months ago

theflucs commented 7 months ago

Describe your issue

In some cases, I find the layout breaking when resizing the screen.

Steps to reproduce

Go to page stats and find a card with a long repo title. Resize the screen and, at around 1000px, the totalCount pill starts to overlap the repo title: Screenshot 2024-01-27 at 09 43 07 The size at which it starts breaking depends on how long the title is.

When resizing, at around 860px, the card overflows its container when more than one card is displayed:

Screenshot 2024-01-27 at 09 44 07

It doesn't happen with only one card displayed.

What was the expected result?

I expect the layout to be correctly responsive and the content to always be clearly visible.

Put here any screenshots or videos (optional)

No response

Would you like to work on this issue?

Yes

Balastrong commented 7 months ago

Something was already done in #89 to fix a vertical scrollbar but it seems there's more to be fixed :D

Thanks for reporting it and feel free to submit a PR :)