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

fix: apply CW font settings to mobile header

Browse Source 
Mobile header now uses Calendar Week (KW) font family, size, weight,
and color settings instead of hardcoded styles. Year span also uses
separate Year font settings in KW mode.

v1.33.8

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-14 21:51:12 +01:00
parent b5599b6625
commit de483ed64e
2 changed files with 12 additions and 4 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.33.7", "version": "1.33.8",
"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/components/WeeklyView.tsx
View File

@ -5554,13 +5554,17 @@ export default function WeeklyView() {
</div> </div>
{/* Center: Week info */} {/* Center: Week info */}
<div className="flex items-center gap-1 text-sm font-semibold" style={{ color: darkMode ? "#e5e7eb" : "#333" }}> <div className="flex items-center gap-1 text-sm" style={{
fontFamily: profile.cwFontFamily || "Inter",
fontWeight: Number(profile.cwFontWeight || "700"),
color: adjustColorForDarkMode(profile.cwColor || (darkMode ? "#e5e7eb" : "#333333"), darkMode),
}}>
{(isLoading || isSyncing || syncStatus === "syncing") ? ( {(isLoading || isSyncing || syncStatus === "syncing") ? (
<div className="weekly-spinner" title="Syncing..."></div> <div className="weekly-spinner" title="Syncing..."></div>
) : syncError ? ( ) : syncError ? (
<AlertCircle size={14} className="text-red-500" /> <AlertCircle size={14} className="text-red-500" />
) : null} ) : null}
<div className="flex flex-col items-center justify-center leading-tight" style={{ whiteSpace: "nowrap", fontSize: "0.8rem" }}> <div className="flex flex-col items-center justify-center leading-tight" style={{ whiteSpace: "nowrap", fontSize: profile.cwFontSize || "0.8rem" }}>
{profile.headerDisplay === "none" ? ( {profile.headerDisplay === "none" ? (
null null
) : profile.headerDisplay === "date" ? ( ) : profile.headerDisplay === "date" ? (
@ -5581,7 +5585,11 @@ export default function WeeklyView() {
) : ( ) : (
<> <>
<span>KW{getWeekNumber(getCWReferenceDate(getVisibleDays())).toString().padStart(2, "0")}</span> <span>KW{getWeekNumber(getCWReferenceDate(getVisibleDays())).toString().padStart(2, "0")}</span>
<span>{getCWReferenceDate(getVisibleDays()).getFullYear()}</span> <span style={{
fontFamily: profile.yearFontFamily || "Inter",
fontWeight: Number(profile.yearFontWeight || "700"),
color: adjustColorForDarkMode(profile.yearColor || "#333333", darkMode),
}}>{getCWReferenceDate(getVisibleDays()).getFullYear()}</span>
</> </>
)} )}
</div> </div>