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