starred/webmail
1
0
Fork 0
mirror of https://github.com/bulwarkmail/webmail.git synced 2026-10-31 00:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: draw the invitation banner, warnings, priority flags and status dots in theme colours

Browse Source
This commit is contained in:
Linus Rath
2026-10-28 04:18:34 +01:00
parent 70508f3420
commit b00a0fd33b
4 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/calendar/event-detail-popover.tsx
+1 -1
View File
@@ -413,7 +413,7 @@ export function EventDetailPopover({
</span>
)}
{event.status === "cancelled" && (
<span className="mt-1 inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400 line-through">
<span className="mt-1 inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-destructive/10 text-red-600 dark:text-red-400 line-through">
{t("detail.cancelled")}
</span>
)}
components/calendar/event-modal.tsx
+5 -5
View File
@@ -979,13 +979,13 @@ export function EventModal({
<div className="flex-1 overflow-y-auto">
<div className="px-6 py-4 space-y-3">
<div className="flex items-start gap-3 rounded-lg border border-blue-200 dark:border-blue-800 bg-blue-50 dark:bg-blue-950/50 px-4 py-3">
<CalendarDays className="w-5 h-5 text-blue-600 dark:text-blue-400 mt-0.5 flex-shrink-0" />
<div className="flex items-start gap-3 rounded-lg border border-primary/30 bg-primary/5 px-4 py-3">
<CalendarDays className="w-5 h-5 text-primary mt-0.5 flex-shrink-0" />
<div className="text-sm">
<p className="font-medium text-blue-900 dark:text-blue-200">
<p className="font-medium text-foreground">
{t("participants.invited_by", { name: organizerInfo?.name || organizerInfo?.email || t("participants.organizer") })}
</p>
<p className="text-blue-700 dark:text-blue-400 mt-0.5">
<p className="text-muted-foreground mt-0.5">
{t("participants.respond_below")}
</p>
</div>
@@ -1470,7 +1470,7 @@ export function EventModal({
? 'text-sm rounded-md border border-destructive/50 bg-destructive/10 text-destructive px-3 py-2'
: w.severity === 'info'
? 'text-sm rounded-md border border-border bg-muted/40 text-muted-foreground px-3 py-2'
: 'text-sm rounded-md border border-yellow-500/50 bg-yellow-500/10 text-yellow-700 dark:text-yellow-300 px-3 py-2'
: 'text-sm rounded-md border border-warning/50 bg-warning/10 text-amber-600 dark:text-amber-400 px-3 py-2'
}
title={w.message}
>
components/calendar/participant-availability.tsx
+3 -3
View File
@@ -181,9 +181,9 @@ export function ParticipantAvailability({ attendees, start, end }: ParticipantAv
<span
className={cn(
"inline-block h-2 w-2 shrink-0 rounded-full",
status === "free" && "bg-emerald-500",
status === "busy" && "bg-red-500",
status === "tentative" && "bg-amber-500",
status === "free" && "bg-success",
status === "busy" && "bg-destructive",
status === "tentative" && "bg-warning",
(status === "no_busy_times" || status === "unknown" || status === "error" || status === "checking") && "bg-muted-foreground/40",
)}
aria-hidden="true"
components/calendar/task-list-view.tsx
+4 -4
View File
@@ -23,9 +23,9 @@ interface TaskListViewProps {
}
function getTaskPriorityIcon(priority: number) {
if (priority >= 1 && priority <= 4) return <Flag className="h-3.5 w-3.5 text-red-500" />;
if (priority === 5) return <Flag className="h-3.5 w-3.5 text-orange-500" />;
if (priority >= 6 && priority <= 9) return <Flag className="h-3.5 w-3.5 text-gray-400" />;
if (priority >= 1 && priority <= 4) return <Flag className="h-3.5 w-3.5 text-red-600 dark:text-red-400" />;
if (priority === 5) return <Flag className="h-3.5 w-3.5 text-amber-600 dark:text-amber-400" />;
if (priority >= 6 && priority <= 9) return <Flag className="h-3.5 w-3.5 text-muted-foreground" />;
return null;
}
@@ -38,7 +38,7 @@ function getDueDateLabel(due: string, showWithoutTime: boolean, t: ReturnType<ty
if (isDisplayToday(dueDate)) {
return {
label: t("tasks.due_today"),
className: "text-blue-600 dark:text-blue-400",
className: "text-primary",
};
}
if (isTomorrow(dueDate)) {