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