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:
parent
914b1d76b2
commit
658042c8b3
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "my-weekly-todo-list",
|
"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",
|
"description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|||||||
@ -583,6 +583,10 @@ h3 {
|
|||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.weekly-days-grid.cols-2 {
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
.weekly-days-grid.cols-3 {
|
.weekly-days-grid.cols-3 {
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
}
|
}
|
||||||
@ -2249,6 +2253,13 @@ h3 {
|
|||||||
display: none;
|
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 */
|
/* Ensure grid respects viewDays columns on mobile landscape */
|
||||||
.time-grid-wrapper {
|
.time-grid-wrapper {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
@ -2675,6 +2686,7 @@ h3 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.all-day-events-grid.cols-1 { grid-template-columns: repeat(1, 1fr); }
|
.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-3 { grid-template-columns: repeat(3, 1fr); }
|
||||||
.all-day-events-grid.cols-5 { grid-template-columns: repeat(5, 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); }
|
.all-day-events-grid.cols-7 { grid-template-columns: repeat(7, 1fr); }
|
||||||
|
|||||||
@ -5722,7 +5722,7 @@ export default function WeeklyView() {
|
|||||||
onClick={() => setShowDatePicker(!showDatePicker)}
|
onClick={() => setShowDatePicker(!showDatePicker)}
|
||||||
title="Jump to date"
|
title="Jump to date"
|
||||||
>
|
>
|
||||||
{showDatePicker && (
|
{showDatePicker && !isMobile && (
|
||||||
<SimpleDatePicker
|
<SimpleDatePicker
|
||||||
selected={currentWeekStart}
|
selected={currentWeekStart}
|
||||||
onSelect={(date) => {
|
onSelect={(date) => {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user