Github-readme-stats: Sizes of Repo Cards

Created on 27 Jul 2020  路  11Comments  路  Source: anuraghazra/github-readme-stats

Describe the bug
The sizes of repo cards as of now differ due to the size of the description of the repo.

Expected behavior
Would be great if all the repo cards ore of same size as it looks uneven on the readme.

Screen Shot 2020-07-27 at 1 48 54 PM

design enhancement repo-card stale

Most helpful comment

@anuraghazra My bad, I had not gone in and seen if it had been discussed before. I would appreciate if it was possible to make them all in a size limit.

All 11 comments

@anuraghazra worth giving it a look?

@ApurvShah007 This is not a bug actually, this is expected behaviour which is implemented in #206

Well your request is valid tho, maybe we can add a option to limit the maximum line wraps to "1" so that all cards stay same height

@anuraghazra My bad, I had not gone in and seen if it had been discussed before. I would appreciate if it was possible to make them all in a size limit.

@anuraghazra We could make the height fixed to the multi line behaviour. This is also what github does when you pin two repo cards with different description length next to each other:

image

@anuraghazra We could make the height fixed to the multi line behaviour. This is also what github does when you pin two repo cards with different description length next to each other:

image

It does that because of CSS auto flex height. it stretches both rows.
But we can't do that in markdown/readme, because there is no flex layouts in markdown & we cannot determine how & where users placed the images.

@anuraghazra sure. However, we can hard code the card's height to the multiline case for consistency. So every card, no matter how long the description is, will have the height of the multiline case.

Consequently, every single line case card will look like the emilast/vscode-logfile-highlighter card above. Even when it's placed next to another single line description card.

we can hard code the card's height to the multiline case for consistency. So every card, no matter how long the description is, will have the height of the multiline case.

Yes we can do this, but thats what i'm avoiding. the extra 2 line space in the cards looks kinda odd to me.

jup, there is no right or wrong decision here 馃槈. This is a pure design decision.

Also an additional parameter like forceSingleLineDescription or forceMultiLineDescription could be an option.

Yeah that's what i proposed earlier

maybe we can add a option to limit the maximum line wraps to "1" so that all cards stay same height

This way people can choose how many lines of description they want, instead of limiting them to "forceSingleLineDescription"

@anuraghazra any updates on how I can make them same size?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Nathan13888 picture Nathan13888  路  7Comments

kajweb picture kajweb  路  4Comments

harshagv picture harshagv  路  5Comments

Math-O5 picture Math-O5  路  5Comments

cachecleanerjeet picture cachecleanerjeet  路  4Comments