365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust weeks displayed in ContributionCalendar for mobile view optimization

Browse Source 
- Reduced the number of weeks shown in the ContributionCalendar component from 19 to 18 when in mobile view and not expanded.
- This change aims to further enhance the usability of the calendar on smaller screens.
This commit is contained in:
Richard Bergsma
2025-06-15 16:44:08 +02:00
parent e127115f41
commit 290505f96e
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ContributionCalendar.jsx
View File

@@ -97,7 +97,7 @@ export default function ContributionCalendar({ data }) {
}, []); }, []);
// Determine how many weeks to show // Determine how many weeks to show
const weeksToShow = isMobile && !expanded ? 19 : 52; const weeksToShow = isMobile && !expanded ? 18 : 52;
const startWeek = 52 - weeksToShow; const startWeek = 52 - weeksToShow;
const visibleDays = days.slice(startWeek * 7, 52 * 7); const visibleDays = days.slice(startWeek * 7, 52 * 7);
const visibleMonthLabels = monthLabels.filter(l => l.week >= startWeek); const visibleMonthLabels = monthLabels.filter(l => l.week >= startWeek);