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

fix: date vertical alignment in day header

Browse Source 
Remove default h3 margins from .weekly-day-name and clear margin-bottom
on .weekly-day-date when in horizontal (left/right) layout so that
flexbox alignItems (top/center/bottom) works correctly.

v1.34.1

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-15 08:55:48 +01:00
parent d28a02c5b5
commit e9a4a0b216
3 changed files with 4 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.34.0", "version": "1.34.1",
"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": {

1
src/app/globals.css
View File

@ -653,6 +653,7 @@ h3 {
letter-spacing: -0.02em; letter-spacing: -0.02em;
color: var(--weekly-weekday-color, var(--weekly-text)); color: var(--weekly-weekday-color, var(--weekly-text));
font-family: var(--weekly-font-headline) !important; font-family: var(--weekly-font-headline) !important;
margin: 0;
} }
.weekly-day-name.is-today { .weekly-day-name.is-today {

4
src/components/WeeklyView.tsx
View File

@ -6421,7 +6421,7 @@ export default function WeeklyView() {
}} }}
> >
{activeDateLayout === "left" && ( {activeDateLayout === "left" && (
<span className="weekly-day-date" style={{ flexShrink: 0 }}> <span className="weekly-day-date" style={{ flexShrink: 0, marginBottom: (activeDateLayout === "left" || activeDateLayout === "right") ? 0 : undefined }}>
{formatDateHeader(date, language)} {formatDateHeader(date, language)}
</span> </span>
)} )}
@ -6435,7 +6435,7 @@ export default function WeeklyView() {
activeDateLayout === "above" || activeDateLayout === "above" ||
activeDateLayout === "below" || activeDateLayout === "below" ||
activeDateLayout === undefined) && ( activeDateLayout === undefined) && (
<span className="weekly-day-date" style={{ flexShrink: 0 }}> <span className="weekly-day-date" style={{ flexShrink: 0, marginBottom: (activeDateLayout === "right" || activeDateLayout === undefined) ? 0 : undefined }}>
{formatDateHeader(date, language)} {formatDateHeader(date, language)}
</span> </span>
)} )}