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

fix: remove half-hour lines in calendar view for cleaner Google Calendar look

Browse Source 
Only show horizontal grid lines at full hour boundaries, matching
the clean Google Calendar aesthetic from the reference screenshot.

v1.47.2

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-18 00:19:30 +01:00
parent 43f05160c5
commit 959efc725b
2 changed files with 7 additions and 7 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.47.1", "version": "1.47.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": {

12
src/app/globals.css
View File

@ -3795,10 +3795,10 @@ h3 {
border-bottom: 1px solid #dadce0; border-bottom: 1px solid #dadce0;
} }
.calendar-view .time-slot { .calendar-view .time-slot {
border-bottom: 1px solid #f1f3f4; border-bottom: none;
} }
.calendar-view .time-slot:nth-child(even) { .calendar-view .time-slot.hour-start {
border-bottom: 1px solid #dadce0; border-top: 1px solid #dadce0;
} }
.calendar-view .time-slot-label { .calendar-view .time-slot-label {
color: #70757a; color: #70757a;
@ -3821,10 +3821,10 @@ h3 {
border-right: 1px solid #333; border-right: 1px solid #333;
} }
.dark-mode .calendar-view .time-slot { .dark-mode .calendar-view .time-slot {
border-bottom: 1px solid #2a2a2a; border-bottom: none;
} }
.dark-mode .calendar-view .time-slot:nth-child(even) { .dark-mode .calendar-view .time-slot.hour-start {
border-bottom: 1px solid #333; border-top: 1px solid #333;
} }
.dark-mode .calendar-view .time-slot-label { .dark-mode .calendar-view .time-slot-label {
color: #9aa0a6; color: #9aa0a6;