Northeastern-Electric-Racing / Northeastern-Electric-Racing/FinishLine
[Maintenance] - Calendar Mobile Friendly
Open
@staysgt is already working on this.
Since Aug 27, 2026.
maintenance
stale
- Dominant language
- TypeScript
- Stars
- 36
- Forks
- 9
- Avg merge
- 4d 21h
- Merged PRs (30d)
- 11
Description
Description
We want to make the calendar mobile friendly
Acceptance Criteria
Calendar is mobile friendly
- date grid is converted to a list
- clicking on an event renders its popup
Proposed Solution
- add a breakpoint into CalendarPage.tsx
const isMobile = useMediaQuery(theme.breakpoints.down('md'))
- when on mobile, instead of a grid it should be a scrollable list of days for the user, showing their events, and if they click on it they can see more information
- move the DateCalendar, upcoming meetings, and calendar filters out of the fixed sidebar in CalendarPage.tsx into a Drawer on
mobile, mirror NERDrawer.tsx
Mocks
No response
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.