diff options
| -rw-r--r-- | web/templates/partials/timeline-tab.html | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/web/templates/partials/timeline-tab.html b/web/templates/partials/timeline-tab.html index 3dc0a8c..36f861c 100644 --- a/web/templates/partials/timeline-tab.html +++ b/web/templates/partials/timeline-tab.html @@ -121,12 +121,12 @@ </svg> </summary> - <!-- Overdue + All-Day + Untimed Items Section --> - {{$hasUntimed := false}}{{range .TodayItems}}{{if or .IsOverdue .IsAllDay}}{{$hasUntimed = true}}{{end}}{{end}} + <!-- Overdue + All-Day + Multi-Day + Untimed Items Section --> + {{$hasUntimed := false}}{{range .TodayItems}}{{if or .IsOverdue .IsAllDay (ne .MultiDayVariant "")}}{{$hasUntimed = true}}{{end}}{{end}} {{if $hasUntimed}} <div class="mb-4 flex flex-wrap gap-1 p-2 bg-black/20 rounded-lg" id="untimed-section"> {{range .TodayItems}} - {{if or .IsOverdue .IsAllDay}} + {{if or .IsOverdue .IsAllDay (ne .MultiDayVariant "")}} <div class="untimed-item source-{{.Source}} {{if .IsOverdue}}overdue{{end}} {{if .IsCompleted}}opacity-50{{end}}"> {{if or (eq .Type "task") (eq .Type "card") (eq .Type "gtask")}} <input type="checkbox" @@ -137,7 +137,7 @@ hx-swap="outerHTML" class="h-4 w-4 rounded bg-black/40 border-white/30 text-white/80 focus:ring-white/30 cursor-pointer flex-shrink-0"> {{end}} - <span class="{{if .IsCompleted}}line-through text-white/50{{end}}">{{.Title}}</span> + <span class="{{if .IsCompleted}}line-through text-white/50{{end}}">{{.Title}}{{multiDayLabel .}}</span> {{if .IsOverdue}}<span class="overdue-badge">overdue</span>{{end}} {{if .URL}} <a href="{{.URL}}" target="_blank" class="text-white/50 hover:text-white"> @@ -167,7 +167,7 @@ <!-- Timed events positioned by JavaScript --> {{range .TodayItems}} - {{if and (not .IsOverdue) (not .IsAllDay)}} + {{if and (not .IsOverdue) (not .IsAllDay) (eq .MultiDayVariant "")}} <div class="calendar-event source-{{.Source}} {{if .IsCompleted}}opacity-50{{end}}" data-hour="{{.Time.Hour}}" data-minute="{{.Time.Minute}}" @@ -218,9 +218,11 @@ <div class="flex items-center gap-2 py-2 px-2 rounded-lg hover:bg-white/5 {{if .IsCompleted}}opacity-50{{end}}"> <!-- Time label (fixed width) --> <span class="text-xs text-white/40 w-14 shrink-0 text-right"> + {{if eq .MultiDayVariant ""}} {{if and (not .IsAllDay) (or (ne .Time.Hour 0) (ne .Time.Minute 0))}} {{.Time.Format "3:04 PM"}} {{end}} + {{end}} </span> <!-- Source color bar --> <div class="w-0.5 h-5 rounded-full shrink-0 @@ -238,8 +240,8 @@ {{end}} <!-- Title --> <span class="flex-1 text-sm text-white/80 {{if .IsCompleted}}line-through text-white/40{{end}} truncate"> - {{.Title}} - {{if .EndTime}}<span class="text-white/30 text-xs ml-1">– {{.EndTime.Format "3:04 PM"}}</span>{{end}} + {{.Title}}{{multiDayLabel .}} + {{if and (eq .MultiDayVariant "") .EndTime}}<span class="text-white/30 text-xs ml-1">– {{.EndTime.Format "3:04 PM"}}</span>{{end}} </span> {{if .URL}} <a href="{{.URL}}" target="_blank" class="text-white/30 hover:text-white shrink-0"> |