Implement masonry in status page.

cachethq / cachet

🚦 The open-source status page system.

https://cachethq.io

MIT License

13.79k stars 1.55k forks source link

Implement masonry in status page. #4220

Closed maddes closed 1 year ago

maddes commented 3 years ago

Much more consumable when the amount of cards is large.

Current:

With this PR changes:

welcome[bot] commented 3 years ago

Congratulations on opening your first Pull Request, this is a momentous day for you and us! :sparkles: To help us out, please make sure that you've followed the below:

Non-English translations should be submitted to https://translate.cachethq.io - Documentation should be submitted to https://docs.cachethq.io - Please make sure that all tests pass! - Don't worry about StyleCI, it'll fix itself on merge.

maddes commented 3 years ago

Shameless plug: I only tried it live on the demo page and as a settings override on our organization, haven't really built the .scss so it might have typos or .scss issues if builds to a different css.

I'll try building the project later but if someone else has it at hand and can try, it will be greatly appreciated as I'm not a maintainer of this repo (just created this out of necessity, we have many components).