Update meeting row styling for dark backgrounds and white text

Apply darker background and white text styling to the meeting number cell in both web and PDF outputs, ensuring consistency.
This commit is contained in:
Riyadh
2026-05-04 14:20:12 +00:00
parent 7d369efbf8
commit 0f30aef532
2 changed files with 8 additions and 2 deletions
@@ -211,13 +211,16 @@ function buildMeetingRow(meeting: PdfMeeting, input: RenderPdfInput): string {
? `border-color:${ROW_COLOR_BORDER[meeting.rowColor!]};`
: "";
const coloredStyle = bgStyle + borderStyle;
const numDarkStyle = hasFill && ROW_COLOR_BORDER[meeting.rowColor!]
? `background-color:${ROW_COLOR_BORDER[meeting.rowColor!]};border-color:${ROW_COLOR_BORDER[meeting.rowColor!]};color:#fff;`
: coloredStyle;
const MERGE_COL_INDEX: Record<string, number> = {
number: 0, meeting: 1, attendees: 2, time: 3,
};
const cellsLtr: TableCell[] = [
{ html: esc(String(meeting.dailyNumber)), cls: "num-cell", style: coloredStyle },
{ html: esc(String(meeting.dailyNumber)), cls: "num-cell", style: numDarkStyle },
{ html: esc(title) + location, cls: "meeting-cell", style: coloredStyle },
{ html: attendeesHtml, cls: "attendees-cell", style: "" },
{ html: `<span dir="ltr">${esc(time)}</span>`, cls: "time-cell", style: "" },
@@ -3728,8 +3728,11 @@ function MeetingRow({
...(rowBorder ? { borderColor: rowBorder } : null),
};
}
if (rowBorder) {
return { ...cellStyle(col), backgroundColor: rowBorder, borderColor: rowBorder, color: "white" };
}
if (rowBg) {
return { ...cellStyle(col), backgroundColor: rowBg, ...(rowBorder ? { borderColor: rowBorder } : null) };
return { ...cellStyle(col), backgroundColor: rowBg };
}
return cellStyle(col);
})();