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

fix: hide redundant weekday header when selected-day header + single column

Browse Source 
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
This commit is contained in:
mARTin 2026-04-02 10:31:47 +02:00
parent b7954f9367
commit 076211720f
3 changed files with 7 additions and 2 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.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", "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": {

5
src/app/globals.css
View File

@ -3461,6 +3461,11 @@ h3 {
background: rgba(0, 154, 154, 0.15); 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 LIST VIEW STYLES
============================================ */ ============================================ */

2
src/components/WeeklyView.tsx
View File

@ -5319,7 +5319,7 @@ export default function WeeklyView() {
return ( return (
<div <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} style={containerStyle}
> >
{/* Mobile sticky day indicator */} {/* Mobile sticky day indicator */}