History

Keep dialogs and sheets open on an outside click (#1814)

Rhys Sullivan committed 2 months ago

Commit 66fb1a41 parent 1cd81d614 files · +195 −35Browse files

Showing the changes to apps (2 of 14 files). Show all

Unified · Split

2 files
  1. apps/cloud/src/routes/app/billing_.plans.tsx +4 −2
  2. apps/cloud/src/web/components/support-slot.tsx +2 −1
apps/cloud/src/routes/app/billing_.plans.tsx+4−2
@@ -401,7 +401,8 @@ function EnterpriseContactDialog() { · 400 unmodified lines
401 Contact us401 Contact us
402 </Button>402 </Button>
403 </DialogTrigger>403 </DialogTrigger>
404 <DialogContent>404 {/* Static contact details only: clicking away dismisses it. */}
405 <DialogContent dismissOnOutsideClick>
405 <DialogHeader>406 <DialogHeader>
406 <DialogTitle>Talk to us about Enterprise</DialogTitle>407 <DialogTitle>Talk to us about Enterprise</DialogTitle>
407 <DialogDescription>408 <DialogDescription>
@@ -449,7 +450,8 @@ function SlackContactCta() { · 41 unmodified lines
449 <span aria-hidden>→</span>450 <span aria-hidden>→</span>
450 </Button>451 </Button>
451 </DialogTrigger>452 </DialogTrigger>
452 <DialogContent>453 {/* Static contact details only: clicking away dismisses it. */}
454 <DialogContent dismissOnOutsideClick>
453 <DialogHeader>455 <DialogHeader>
454 <DialogTitle>Get in touch on Slack</DialogTitle>456 <DialogTitle>Get in touch on Slack</DialogTitle>
455 <DialogDescription>457 <DialogDescription>
apps/cloud/src/web/components/support-slot.tsx+2−1
@@ -44,7 +44,8 @@ export function SupportSlot() { · 43 unmodified lines
44 <HelpIcon className="size-3.5 text-muted-foreground" />44 <HelpIcon className="size-3.5 text-muted-foreground" />
45 Get support45 Get support
46 </Button>46 </Button>
47 <DialogContent className="sm:max-w-[440px]">47 {/* Static links only: clicking away dismisses it. */}
48 <DialogContent dismissOnOutsideClick className="sm:max-w-[440px]">
48 <DialogHeader>49 <DialogHeader>
49 <DialogTitle className="font-display text-xl">Get support</DialogTitle>50 <DialogTitle className="font-display text-xl">Get support</DialogTitle>
50 <DialogDescription className="text-sm leading-relaxed">51 <DialogDescription className="text-sm leading-relaxed">