Apply row styling only to meeting number and title columns

Removes row background and border styling from the attendees and time columns in the PDF renderer and the web interface. Adjusts the `tintedCellStyle` function to conditionally apply border styling based on `applyRowColor` flag.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 77cfe984-2c65-4152-bb7a-0df28274fe66
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: ed9f2aec-9e1e-4b42-9747-7e4482299fce
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/c3c252e4-c83d-40ca-9fff-99a3ea60701e/77cfe984-2c65-4152-bb7a-0df28274fe66/Msx3Bax
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
riyadhafraa
2026-05-04 14:11:15 +00:00
parent 01c22b90b8
commit 1e3419b0cb
2 changed files with 7 additions and 7 deletions
@@ -219,8 +219,8 @@ function buildMeetingRow(meeting: PdfMeeting, input: RenderPdfInput): string {
const cellsLtr: TableCell[] = [
{ html: esc(String(meeting.dailyNumber)), cls: "num-cell", style: coloredStyle },
{ html: esc(title) + location, cls: "meeting-cell", style: coloredStyle },
{ html: attendeesHtml, cls: "attendees-cell", style: coloredStyle },
{ html: `<span dir="ltr">${esc(time)}</span>`, cls: "time-cell", style: coloredStyle },
{ html: attendeesHtml, cls: "attendees-cell", style: "" },
{ html: `<span dir="ltr">${esc(time)}</span>`, cls: "time-cell", style: "" },
];
const renderCells = (cells: TableCell[], allColored: boolean): string =>
@@ -3636,9 +3636,9 @@ function MeetingRow({
isCurrent && !(highlight || isCancelled)
? hexToRgba(highlightColor, 0.13)
: null;
const tintedCellStyle = (col: ColumnSetting, applyRowBg = false): CSSProperties => {
const bg = tintBg || (applyRowBg && rowBg) || undefined;
const bc = rowBorder || undefined;
const tintedCellStyle = (col: ColumnSetting, applyRowColor = false): CSSProperties => {
const bg = tintBg || (applyRowColor && rowBg) || undefined;
const bc = (applyRowColor && rowBorder) || undefined;
if (bg || bc) {
return { ...cellStyle(col), ...(bg ? { backgroundColor: bg } : null), ...(bc ? { borderColor: bc } : null) };
}
@@ -3801,7 +3801,7 @@ function MeetingRow({
<td
key="attendees"
className="border border-gray-300 px-3 py-3 align-middle relative group"
style={tintedCellStyle(col, true)}
style={tintedCellStyle(col, false)}
>
<AttendeesCell
meeting={meeting}
@@ -3822,7 +3822,7 @@ function MeetingRow({
<td
key="time"
className="border border-gray-300 px-3 py-3 align-middle text-center relative group"
style={tintedCellStyle(col, true)}
style={tintedCellStyle(col, false)}
>
<TimeRangeCell
meeting={meeting}