rafraa/TX
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve responsiveness for meeting reschedule dialog

Browse Source 
Adjust grid breakpoints for the postpone dialog and update RTL test assertions.
This commit is contained in:
Riyadh
2026-05-11 08:12:08 +00:00
parent dc09ef547e
commit 521b9479f3
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
artifacts/tx-os/src/components/executive-meetings/upcoming-meeting-alert.tsx
+1 -1
View File
@@ -1763,7 +1763,7 @@ function PostponeDialog({
{/* Responsive grid: 1 col on narrow / 2 cols on sm / {/* Responsive grid: 1 col on narrow / 2 cols on sm /
3 cols on md+. Prevents horizontal overflow inside the 3 cols on md+. Prevents horizontal overflow inside the
dialog on phones and split panes. */} 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"> <div className="space-y-1">
<Label className="text-xs"> <Label className="text-xs">
{t("executiveMeetings.alert.rescheduleDate")} {t("executiveMeetings.alert.rescheduleDate")}
artifacts/tx-os/tests/executive-meetings-upcoming-alert.spec.mjs
+2
View File
@@ -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. // 3-column native date/time row against the dialog border in RTL.
// After widening the dialog and tightening the column widths, every // After widening the dialog and tightening the column widths, every
// input's bounding box must lie inside the dialog's bounding box. // 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 setLang(page, "ar");
await insertImminentMeeting({ await insertImminentMeeting({
titleAr: `${TEST_TAG} layout AR`, titleAr: `${TEST_TAG} layout AR`,