Repository navigation
Several UI/UX Issues #87
Description
### Tasks to Fix UI/UX Issues
- [ ] Fix Text Overlaps in Event Descriptions
- [ ] Fix Text Overlap due to NavBar Heading (Maintainer Month) not being frozen
- [ ] Fix Text that's cut in half in Event List Cards
- [ ] Add Responsive Layout so that Complete Event Info can be seen (see first screenshot's right side)
- [ ] Make Width of all Event List Cards in Schedule equal for Large Screens (for > 3 Events/Row)
Screenshots:
Activity
prathamshroff commentedon Apr 21, 2023
Hi, I love what you're building here for the open-source community & just wanted to find my own way to contribute. These are some of the things that should be fixed in the front-end. In the process of learning myself, I'd be happy to try and fix some of these issues as well. Thanks.
abbycabs commentedon Apr 21, 2023
Hi @prathamshroff feel free to send a PR!
prathamshroff commentedon Apr 21, 2023
Would you be open to me fixing one task/error at a time? You'll have smaller more understandable PRs and it'll be easier for me. @abbycabs
abbycabs commentedon Apr 21, 2023
Yes smaller PRs are best practice
Fix sticky nav, text clipping, and card width issues (github#87)
Fix sticky nav, text clipping, and card width issues (github#87)
ashleywolf commentedon Mar 24, 2026
Addressed in #380 — event cards now use
min-width: 0; box-sizing: border-box(fixes text cut-off), responsive grid usesrepeat(3, 1fr)/repeat(4, 1fr)at breakpoints (equal card widths), and chips getmax-width: 100%; text-overflow: ellipsis(text overflow fix). Layout also hasoverflow-x: clipto prevent horizontal scroll. Thanks for filing this with screenshots, @prathamshroff!