rohskiddo/UMBRA
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Add dot indicator to timed month events in custom eventContent

Browse Source 
eventContent replaces FC's default inner markup including the dot span.
Render a manual fc-daygrid-event-dot with border-color: var(--event-color).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kyle 2026-03-13 02:35:40 +08:00
parent 40d0bb336c
commit d6f5975fb9
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/calendar/CalendarPage.tsx
View File

@ -531,6 +531,10 @@ export default function CalendarPage() {
// Timed events in month: dot + title + time right-aligned // Timed events in month: dot + title + time right-aligned
return ( return (
<div className="flex items-center gap-1.5 truncate w-full"> <div className="flex items-center gap-1.5 truncate w-full">
<span
className="fc-daygrid-event-dot"
style={{ borderColor: 'var(--event-color)' }}
/>
<span className="text-[11px] font-medium truncate">{arg.event.title}</span> <span className="text-[11px] font-medium truncate">{arg.event.title}</span>
{repeatIcon} {repeatIcon}
<span className="umbra-event-time text-[10px] opacity-50 shrink-0 ml-auto tabular-nums">{arg.timeText}</span> <span className="umbra-event-time text-[10px] opacity-50 shrink-0 ml-auto tabular-nums">{arg.timeText}</span>