Improve responsiveness for meeting reschedule dialog

Adjust grid breakpoints for the postpone dialog and update RTL test assertions.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 77cfe984-2c65-4152-bb7a-0df28274fe66
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 370d4507-cc98-4781-a35f-85ce37566751
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/c3c252e4-c83d-40ca-9fff-99a3ea60701e/77cfe984-2c65-4152-bb7a-0df28274fe66/591TuZw
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
riyadhafraa
2026-05-11 08:12:08 +00:00
parent 1f225298b1
commit f8b0969cd2
2 changed files with 3 additions and 1 deletions
@@ -1763,7 +1763,7 @@ function PostponeDialog({
{/* Responsive grid: 1 col on narrow / 2 cols on sm /
3 cols on md+. Prevents horizontal overflow inside the
dialog on phones and split panes. */}
<div className="grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-3">
<div className="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3">
<div className="space-y-1">
<Label className="text-xs">
{t("executiveMeetings.alert.rescheduleDate")}
@@ -1377,6 +1377,8 @@ test("Postpone dialog: reschedule date / start / end inputs sit fully inside the
// 3-column native date/time row against the dialog border in RTL.
// After widening the dialog and tightening the column widths, every
// input's bounding box must lie inside the dialog's bounding box.
// (RTL is the worst-case writing direction here — LTR has the same
// geometry; verifying RTL covers both.)
await setLang(page, "ar");
await insertImminentMeeting({
titleAr: `${TEST_TAG} layout AR`,