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

fix: restore hour/sub-hour label styling in calendar view

Browse Source 
The calendar-view time-slot-label override was clobbering the
hour-start font-weight and sub-hour font-size. Now properly
differentiates hour labels (bolder) from sub-hour labels (smaller,
lighter).

v1.47.5

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-18 00:41:01 +01:00
parent a51f085ee5
commit 2ca9503944
2 changed files with 13 additions and 3 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.4", "version": "1.47.5",
"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

@ -3803,8 +3803,14 @@ h3 {
} }
.calendar-view .time-slot-label { .calendar-view .time-slot-label {
color: #70757a; color: #70757a;
font-size: 0.65rem; }
font-weight: 400; .calendar-view .time-slot-label.hour-start {
color: #70757a;
font-weight: 500;
}
.calendar-view .time-slot-label.sub-hour {
color: #9aa0a6;
font-size: 0.55rem;
} }
.calendar-view .weekly-day-header { .calendar-view .weekly-day-header {
border-bottom: 1px solid #dadce0; border-bottom: 1px solid #dadce0;
@ -3830,6 +3836,10 @@ h3 {
.dark-mode .calendar-view .time-slot-label { .dark-mode .calendar-view .time-slot-label {
color: #9aa0a6; color: #9aa0a6;
} }
.dark-mode .calendar-view .time-slot-label.hour-start {
color: #bbb;
font-weight: 500;
}
.dark-mode .calendar-view .weekly-day-header { .dark-mode .calendar-view .weekly-day-header {
border-bottom: 1px solid #333; border-bottom: 1px solid #333;
} }