fix: double date picker on mobile, sidebar scroll, 2-column grid

- Prevent desktop SimpleDatePicker from rendering on mobile (was
  showing two date pickers simultaneously)
- Add overflow-y: auto to settings sidebar at 768px breakpoint so
  the quick actions panel and content are scrollable on all mobile
- Add cols-2 CSS rules for weekly-days-grid and all-day-events-grid
  so the 2-day view spreads columns correctly

v1.35.2

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-15 09:57:36 +01:00
parent 914b1d76b2
commit 658042c8b3
3 changed files with 14 additions and 2 deletions

View File

@ -1,6 +1,6 @@
{
"name": "my-weekly-todo-list",
"version": "1.35.1",
"version": "1.35.2",
"description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
"main": "index.js",
"scripts": {

View File

@ -583,6 +583,10 @@ h3 {
grid-template-columns: 1fr;
}
.weekly-days-grid.cols-2 {
grid-template-columns: repeat(2, 1fr);
}
.weekly-days-grid.cols-3 {
grid-template-columns: repeat(3, 1fr);
}
@ -2249,6 +2253,13 @@ h3 {
display: none;
}
/* Settings sidebar: full width and scrollable on mobile */
.weekly-settings-sidebar {
width: 100% !important;
max-width: 100vw;
overflow-y: auto !important;
}
/* Ensure grid respects viewDays columns on mobile landscape */
.time-grid-wrapper {
overflow: visible;
@ -2675,6 +2686,7 @@ h3 {
}
.all-day-events-grid.cols-1 { grid-template-columns: repeat(1, 1fr); }
.all-day-events-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.all-day-events-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.all-day-events-grid.cols-5 { grid-template-columns: repeat(5, 1fr); }
.all-day-events-grid.cols-7 { grid-template-columns: repeat(7, 1fr); }

View File

@ -5722,7 +5722,7 @@ export default function WeeklyView() {
onClick={() => setShowDatePicker(!showDatePicker)}
title="Jump to date"
>
{showDatePicker && (
{showDatePicker && !isMobile && (
<SimpleDatePicker
selected={currentWeekStart}
onSelect={(date) => {