mARTin-B78/My-Weekly-ToDo-List
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: settings sidebar single-scroll on mobile

Browse Source 
Switch sidebar from flex column layout to block on mobile so the
quick actions, tabs, and settings content all flow in one scrollable
container instead of the content being trapped in a tiny flex:1 area.

v1.35.3

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-15 10:02:42 +01:00
parent 658042c8b3
commit 376d0efdc2
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "my-weekly-todo-list", "name": "my-weekly-todo-list",
"version": "1.35.2", "version": "1.35.3",
"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": {

14
src/app/globals.css
View File

@ -2253,11 +2253,16 @@ h3 {
display: none; display: none;
} }
/* Settings sidebar: full width and scrollable on mobile */ /* Settings sidebar: full width and single-scroll on mobile */
.weekly-settings-sidebar { .weekly-settings-sidebar {
width: 100% !important; width: 100% !important;
max-width: 100vw; max-width: 100vw;
overflow-y: auto !important; overflow-y: auto !important;
display: block !important;
}
.weekly-settings-sidebar .weekly-settings-content {
overflow-y: visible !important;
flex: none !important;
} }
/* Ensure grid respects viewDays columns on mobile landscape */ /* Ensure grid respects viewDays columns on mobile landscape */
@ -2304,12 +2309,7 @@ h3 {
padding: 3px 0; padding: 3px 0;
} }
/* Settings panel full-width on phone */ /* Settings panel full-width on phone (inherits mobile rules from 768px) */
.weekly-settings-sidebar {
width: 100% !important;
max-width: 100vw;
overflow-y: auto !important;
}
.preferences-panel { .preferences-panel {
width: 100%; width: 100%;