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:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user