The user reported that the small quick-actions popover (which holds
the Postpone trigger) was hard to find — it floated next to the
clicked row and they sometimes lost track of which meeting they
were about to act on. They asked for the surface to appear in the
center of the screen, and for the row they clicked to be clearly
framed in a color while the surface is open.
Changes:
- Replaced the row's row-anchored Popover (PopoverAnchor +
PopoverContent) with a centered Dialog (DialogContent) that
Radix renders into a portal. The Dialog uses the existing
`executiveMeetings.quickActions.label` translation key for its
title (already present in both Arabic and English) and reuses
#490's polished Postpone Button unchanged. Test ID stays
`em-row-quick-${id}` so existing e2e specs continue to target
the same surface.
- Added a third inset-shadow ring (`inset 0 0 0 3px
${highlightColor}`) to the row's composed boxShadow stack while
the row's quickOpen state is true. Listed first in the stack so
it becomes the outermost frame and wins visually over the
existing current-meeting / bulk-select rings. Uses the
page-level highlightPrefs.color so the frame matches the user's
chosen accent. Also exposes `data-quick-open="true"` on the
<tr> for tests.
- Updated the row-quick-actions e2e: the postpone-end-to-end test
now asserts `role="dialog"` on the surface and the row carries
`data-quick-open` while open and loses it after Postpone is
clicked. Added a separate test for Escape closing the surface
and clearing the row frame.
Verified: 5/5 quick-actions tests pass, plus both drag specs
(row-drag + iPad touch-reorder) still pass.
Riyadh
8ee8503cc5