Task #747: executive meetings table — square corners + tighter rows
- executive-meetings.tsx: removed rounded-md from the schedule table wrapper and rounded-t-md from the sticky floating thead; navy 2px border unchanged, corners now fully square. - Reduced vertical padding in tbody cells: meeting/attendees/time/merged cells py-3→py-1.5, number cell py-2→py-1.5. - AttendeesCell split-mode group wrapper space-y-2→space-y-1 to shrink the empty gaps in multi-group attendee rows (screenshot complaint). - Print thead and screen thead paddings untouched; no behavior changes. - tx-os tsc clean; architect review passed.
This commit is contained in:
@@ -3169,7 +3169,7 @@ function ScheduleSection({
|
|||||||
paginated output. */}
|
paginated output. */}
|
||||||
<div
|
<div
|
||||||
data-testid="em-sticky-thead"
|
data-testid="em-sticky-thead"
|
||||||
className="sticky z-[6] overflow-hidden bg-white border-x-2 border-t-2 border-[#0B1E3F] rounded-t-md shadow-[0_4px_6px_-4px_rgba(11,30,63,0.15)] print:hidden"
|
className="sticky z-[6] overflow-hidden bg-white border-x-2 border-t-2 border-[#0B1E3F] shadow-[0_4px_6px_-4px_rgba(11,30,63,0.15)] print:hidden"
|
||||||
style={{
|
style={{
|
||||||
top: "calc(var(--em-header-h, 0px) + var(--em-heading-h, 0px))",
|
top: "calc(var(--em-header-h, 0px) + var(--em-heading-h, 0px))",
|
||||||
}}
|
}}
|
||||||
@@ -3265,7 +3265,7 @@ function ScheduleSection({
|
|||||||
|
|
||||||
<div
|
<div
|
||||||
ref={tableWrapperRef}
|
ref={tableWrapperRef}
|
||||||
className="bg-white border-2 border-[#0B1E3F] rounded-md overflow-x-auto shadow-sm print:shadow-none print:border-black print:overflow-hidden"
|
className="bg-white border-2 border-[#0B1E3F] overflow-x-auto shadow-sm print:shadow-none print:border-black print:overflow-hidden"
|
||||||
id="executive-schedule-printable"
|
id="executive-schedule-printable"
|
||||||
>
|
>
|
||||||
<table
|
<table
|
||||||
@@ -4434,7 +4434,7 @@ function MeetingRow({
|
|||||||
}, [listeners, effectiveDragEnabled, isSkipDragTarget]);
|
}, [listeners, effectiveDragEnabled, isSkipDragTarget]);
|
||||||
|
|
||||||
const numberCellCls =
|
const numberCellCls =
|
||||||
"border border-gray-300 px-2 py-2 text-center align-middle font-semibold " +
|
"border border-gray-300 px-2 py-1.5 text-center align-middle font-semibold " +
|
||||||
(highlight || isCancelled
|
(highlight || isCancelled
|
||||||
? "bg-red-600 text-white"
|
? "bg-red-600 text-white"
|
||||||
: "bg-white text-[#0B1E3F]");
|
: "bg-white text-[#0B1E3F]");
|
||||||
@@ -4637,7 +4637,7 @@ function MeetingRow({
|
|||||||
return (
|
return (
|
||||||
<td
|
<td
|
||||||
key="meeting"
|
key="meeting"
|
||||||
className={`border border-gray-300 px-3 py-3 align-middle text-center ${meeting.isExternal ? "text-[#dc2626]" : "text-[#0B1E3F]"} relative group`}
|
className={`border border-gray-300 px-3 py-1.5 align-middle text-center ${meeting.isExternal ? "text-[#dc2626]" : "text-[#0B1E3F]"} relative group`}
|
||||||
style={tintedCellStyle(col, true)}
|
style={tintedCellStyle(col, true)}
|
||||||
>
|
>
|
||||||
<EditableCell
|
<EditableCell
|
||||||
@@ -4670,7 +4670,7 @@ function MeetingRow({
|
|||||||
return (
|
return (
|
||||||
<td
|
<td
|
||||||
key="attendees"
|
key="attendees"
|
||||||
className="border border-gray-300 px-3 py-3 align-middle text-center relative group"
|
className="border border-gray-300 px-3 py-1.5 align-middle text-center relative group"
|
||||||
style={tintedCellStyle(col, false)}
|
style={tintedCellStyle(col, false)}
|
||||||
>
|
>
|
||||||
<AttendeesCell
|
<AttendeesCell
|
||||||
@@ -4691,7 +4691,7 @@ function MeetingRow({
|
|||||||
return (
|
return (
|
||||||
<td
|
<td
|
||||||
key="time"
|
key="time"
|
||||||
className="border border-gray-300 px-3 py-3 align-middle text-center relative group"
|
className="border border-gray-300 px-3 py-1.5 align-middle text-center relative group"
|
||||||
style={tintedCellStyle(col, false)}
|
style={tintedCellStyle(col, false)}
|
||||||
>
|
>
|
||||||
<TimeRangeCell
|
<TimeRangeCell
|
||||||
@@ -4732,7 +4732,7 @@ function MeetingRow({
|
|||||||
<td
|
<td
|
||||||
key="merge"
|
key="merge"
|
||||||
colSpan={span}
|
colSpan={span}
|
||||||
className="border border-gray-300 px-3 py-3 align-middle text-[#0B1E3F] relative group"
|
className="border border-gray-300 px-3 py-1.5 align-middle text-[#0B1E3F] relative group"
|
||||||
style={{
|
style={{
|
||||||
width: totalWidth,
|
width: totalWidth,
|
||||||
overflow: "hidden",
|
overflow: "hidden",
|
||||||
@@ -5650,7 +5650,7 @@ function AttendeesCell({
|
|||||||
// suppress its own trailing subheading chip. Per-group "+" person
|
// suppress its own trailing subheading chip. Per-group "+" person
|
||||||
// chips and the after-section chips are unaffected.
|
// chips and the after-section chips are unaffected.
|
||||||
return (
|
return (
|
||||||
<div className="space-y-2">
|
<div className="space-y-1">
|
||||||
{(virtual.length > 0 || isPendingForType("virtual")) && (
|
{(virtual.length > 0 || isPendingForType("virtual")) && (
|
||||||
<AttendeeGroup
|
<AttendeeGroup
|
||||||
label={
|
label={
|
||||||
|
|||||||
Reference in New Issue
Block a user