Scarriffle/Calendarr
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Feature: Mehrtägige Termine in Wochen-/Tagesansicht vollständig anzeigen

Browse Source 
Timed-Events die mehrere Tage überspannen werden neu in der Ganztags-Zeile für jeden betroffenen Tag als Bar angezeigt (am Starttag mit Uhrzeit). Die Tagesspalten erhalten einen 15%-Farbhintergrund (col-span-tint) um die Abdeckung zu visualisieren.
This commit is contained in:
Scarriffle
2026-04-08 14:47:11 +02:00
parent eea150373e
commit f98ff69a9b
2 changed files with 39 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/css/app.css
View File

@@ -554,11 +554,18 @@ a { color: var(--primary); text-decoration: none; }
.allday-gutter { width: 56px; flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end; padding-right: 6px; font-size: 10px; color: var(--text-3); }
.allday-cols { display: flex; flex: 1; }
.allday-col { flex: 1; border-left: 1px solid var(--border); padding: 2px; }
.col-span-tint {
position: absolute; inset: 0; pointer-events: none; z-index: 0;
}
.allday-event {
font-size: 11px; font-weight: 500; padding: 2px 6px;
border-radius: 3px; margin-bottom: 2px; cursor: pointer;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.allday-event.multiday-timed {
opacity: .88;
border-left: 3px solid rgba(255,255,255,.45);
}
/* Time grid */
.week-body { display: flex; flex: 1; overflow-y: auto; position: relative; }