fix: restore time column in simple view and refine TeuxDeux styling

- Remove display:none on time column so it shows again
- Remove all time-slot grid lines for a cleaner look
- Remove vertical column borders (no right borders)
- Bold uppercase headers with subtle bottom border
- Cleaner task items with more padding

v1.47.3

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-18 00:20:48 +01:00
parent 959efc725b
commit 1a9a2dd585
2 changed files with 14 additions and 15 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "my-weekly-todo-list", "name": "my-weekly-todo-list",
"version": "1.47.2", "version": "1.47.3",
"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": {

View File

@ -3836,17 +3836,19 @@ h3 {
/* Simple View (TeuxDeux Style) */ /* Simple View (TeuxDeux Style) */
.simple-view .weekly-day-column { .simple-view .weekly-day-column {
border-left: 0px !important; border-left: 0px !important;
border-right: 1px solid #e8e8e8 !important; border-right: none !important;
margin: 0 !important; margin: 0 !important;
overflow-x: hidden !important; overflow-x: hidden !important;
word-wrap: break-word; word-wrap: break-word;
} }
.simple-view .weekly-day-column:last-child {
border-right: none !important;
}
.simple-view .time-column { .simple-view .time-column {
border-right: 0px !important; border-right: 0px !important;
display: none !important; }
.simple-view .time-slot {
border-bottom: none;
}
.simple-view .time-slot.hour-start {
border-top: none;
} }
.simple-view .time-slot-event { .simple-view .time-slot-event {
left: 0 !important; left: 0 !important;
@ -3855,24 +3857,21 @@ h3 {
.simple-view .weekly-day-header { .simple-view .weekly-day-header {
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.05em; letter-spacing: 0.05em;
font-weight: 700; font-weight: 800;
font-size: 0.75rem; padding: 16px 8px 10px;
padding: 12px 8px 8px; border-bottom: 1px solid #ddd;
border-bottom: 2px solid #222;
} }
.dark-mode .simple-view .weekly-day-header { .dark-mode .simple-view .weekly-day-header {
border-bottom: 2px solid #666; border-bottom: 1px solid #444;
}
.dark-mode .simple-view .weekly-day-column {
border-right: 1px solid #333 !important;
} }
.simple-view .task-item { .simple-view .task-item {
border: none !important; border: none !important;
border-bottom: 1px solid #eee !important; border-bottom: 1px solid #eee !important;
border-radius: 0 !important; border-radius: 0 !important;
padding: 8px 4px !important; padding: 10px 8px !important;
background: transparent !important; background: transparent !important;
box-shadow: none !important; box-shadow: none !important;
font-size: 0.9rem;
} }
.dark-mode .simple-view .task-item { .dark-mode .simple-view .task-item {
border-bottom: 1px solid #333 !important; border-bottom: 1px solid #333 !important;