From 076211720fb61085311af0aea2c0199d7f701d0d Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Thu, 2 Apr 2026 10:31:47 +0200
Subject: [PATCH] fix: hide redundant weekday header when selected-day header +
 single column

When the active header display is 'current_day' (selected day) AND
viewDays === 1, the in-column weekday header duplicates the information
already shown in the top header bar. Added 'header-current-day-single'
class to the container under that condition, then CSS display:none on
.weekly-day-header. With multiple columns visible the header is shown
normally so each day column is still identifiable.

v1.81.9
---
 package.json                  | 2 +-
 src/app/globals.css           | 5 +++++
 src/components/WeeklyView.tsx | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index dc5891d..163a25e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.81.8",
+  "version": "1.81.9",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {
diff --git a/src/app/globals.css b/src/app/globals.css
index 7ee3218..f8c6dc0 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -3461,6 +3461,11 @@ h3 {
   background: rgba(0, 154, 154, 0.15);
 }
 
+/* When header shows "Selected Day" in single-day view the weekday header is redundant */
+.header-current-day-single .weekly-day-header {
+  display: none !important;
+}
+
 /* ============================================
    LIST VIEW STYLES
    ============================================ */
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 61b60a2..f5025c4 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -5319,7 +5319,7 @@ export default function WeeklyView() {
 
     return (
         <div
-            className={`weekly-container ${darkMode ? "dark-mode" : ""} font-size-${(profile.fontSize ?? "M").toLowerCase()} ${profile.viewStyle}-view ${profile.showTimeGrid ? "time-grid-on" : "time-grid-off"}`}
+            className={`weekly-container ${darkMode ? "dark-mode" : ""} font-size-${(profile.fontSize ?? "M").toLowerCase()} ${profile.viewStyle}-view ${profile.showTimeGrid ? "time-grid-on" : "time-grid-off"}${(() => { const hd = isMobile ? (isPortrait ? (profile.mobilePortraitHeaderDisplay || "current_day") : (profile.mobileLandscapeHeaderDisplay || profile.headerDisplay || "kw")) : (profile.headerDisplay || "kw"); return (viewDays === 1 && hd === "current_day") ? " header-current-day-single" : ""; })()}`}
             style={containerStyle}
         >
             {/* Mobile sticky day indicator */}