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

- protocol.tsx renderBookingRow: when expanded, the booking row gets
  border-2 border-b-0 border-slate-500 and the details row gets
  !border-2 !border-t-0 !border-slate-500 — one continuous dark frame
  around the whole block. Important modifiers on the details row defeat
  TableBody's [&_tr:last-child]:border-0 reset so the frame survives when
  the expanded booking is the last row (architect review fix). Removed the
  old inner border-b slate-400 on the details container.
- 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:06:27 +00:00
parent e56fdeafce
commit 258b6f0052
3 changed files with 6 additions and 7 deletions
+6 -5
View File
@@ -1044,6 +1044,7 @@ export default function ProtocolPage() {
bookingIsToday
? "bg-emerald-50/60 hover:bg-emerald-50"
: "odd:bg-white even:bg-slate-50/60",
expanded && "border-2 border-b-0 border-slate-500",
)}
data-testid={`booking-row-${b.id}`}
>
@@ -1218,13 +1219,13 @@ export default function ProtocolPage() {
</TableCell>
</TableRow>
{expanded && (
<TableRow key={`${b.id}-details`} className="border-b-0 bg-slate-50/80">
<TableRow
key={`${b.id}-details`}
className="!border-2 !border-t-0 !border-slate-500 bg-slate-50/80"
>
<TableCell colSpan={detailColSpan} className="p-0">
<div className="overflow-hidden border-b border-slate-400 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">
<span className="text-[11px] text-slate-400">
{t("protocol.bookings.table.title")}
</span>
<div className="text-sm font-bold text-slate-900">
{b.title}
</div>