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:
@@ -1811,7 +1811,6 @@
|
|||||||
"linkCopied": "تم نسخ الرابط",
|
"linkCopied": "تم نسخ الرابط",
|
||||||
"linkCopyFailed": "تعذّر نسخ الرابط",
|
"linkCopyFailed": "تعذّر نسخ الرابط",
|
||||||
"table": {
|
"table": {
|
||||||
"title": "اسم الاجتماع",
|
|
||||||
"number": "رقم الحجز",
|
"number": "رقم الحجز",
|
||||||
"requester": "مقدم الطلب",
|
"requester": "مقدم الطلب",
|
||||||
"date": "تاريخ الحجز",
|
"date": "تاريخ الحجز",
|
||||||
|
|||||||
@@ -1664,7 +1664,6 @@
|
|||||||
"linkCopied": "Link copied",
|
"linkCopied": "Link copied",
|
||||||
"linkCopyFailed": "Could not copy the link",
|
"linkCopyFailed": "Could not copy the link",
|
||||||
"table": {
|
"table": {
|
||||||
"title": "Meeting name",
|
|
||||||
"number": "Booking No.",
|
"number": "Booking No.",
|
||||||
"requester": "Requester",
|
"requester": "Requester",
|
||||||
"date": "Booking date",
|
"date": "Booking date",
|
||||||
|
|||||||
@@ -1044,6 +1044,7 @@ 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",
|
||||||
)}
|
)}
|
||||||
data-testid={`booking-row-${b.id}`}
|
data-testid={`booking-row-${b.id}`}
|
||||||
>
|
>
|
||||||
@@ -1218,13 +1219,13 @@ export default function ProtocolPage() {
|
|||||||
</TableCell>
|
</TableCell>
|
||||||
</TableRow>
|
</TableRow>
|
||||||
{expanded && (
|
{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">
|
<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">
|
<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">
|
<div className="text-sm font-bold text-slate-900">
|
||||||
{b.title}
|
{b.title}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user