Task #733: dark outline around expanded booking + its details; removed "اسم الاجتماع" label

- protocol.tsx renderBookingRow: cell-level framing (robust with collapsed
  tables per review): when expanded, booking-row cells get border-t-2
  slate-500 plus border-s-2/border-e-2 on first/last cells (logical props
  → RTL-safe); the details row's single colSpan cell gets border-x-2
  border-b-2 slate-500. Result: one continuous dark frame around the
  booking row + details block, immune to TableBody's tr:last-child
  border reset.
- Details card header: removed the small "اسم الاجتماع" label span; only
  the meeting title (b.title, centered, bold) remains.
- Deleted the now-unused protocol.bookings.table.title key from ar.json
  and en.json (verified no remaining usages, JSON parses).
- UI-only; tsc --noEmit clean.
This commit is contained in:
Replit Agent
2026-07-09 09:08:18 +00:00
parent 258b6f0052
commit 7d5590b3e6
+7 -6
View File
@@ -1044,7 +1044,8 @@ export default function ProtocolPage() {
bookingIsToday bookingIsToday
? "bg-emerald-50/60 hover:bg-emerald-50" ? "bg-emerald-50/60 hover:bg-emerald-50"
: "odd:bg-white even:bg-slate-50/60", : "odd:bg-white even:bg-slate-50/60",
expanded && "border-2 border-b-0 border-slate-500", expanded &&
"[&>td]:border-t-2 [&>td]:border-t-slate-500 [&>td:first-child]:border-s-2 [&>td:first-child]:border-s-slate-500 [&>td:last-child]:border-e-2 [&>td:last-child]:border-e-slate-500",
)} )}
data-testid={`booking-row-${b.id}`} data-testid={`booking-row-${b.id}`}
> >
@@ -1219,11 +1220,11 @@ export default function ProtocolPage() {
</TableCell> </TableCell>
</TableRow> </TableRow>
{expanded && ( {expanded && (
<TableRow <TableRow key={`${b.id}-details`} className="bg-slate-50/80">
key={`${b.id}-details`} <TableCell
className="!border-2 !border-t-0 !border-slate-500 bg-slate-50/80" colSpan={detailColSpan}
> className="border-x-2 border-b-2 border-slate-500 p-0"
<TableCell colSpan={detailColSpan} className="p-0"> >
<div className="overflow-hidden bg-white"> <div className="overflow-hidden bg-white">
<div className="border-b border-slate-300 bg-slate-50 px-4 py-2.5 text-center"> <div className="border-b border-slate-300 bg-slate-50 px-4 py-2.5 text-center">
<div className="text-sm font-bold text-slate-900"> <div className="text-sm font-bold text-slate-900">