Extra wide side modal

[darcimm]

Is it possible to create an additional wider side modal for a journey analytics use case?

Context
In a published journey, each step opens as a side sheet to see the conditions that were set for that step:

On an email, SMS, or Whatsapp step, the side sheet currently includes (some) engagement analytics:

Problem
As we add more analytics/visualizations to the journey side sheet, there are two problems we're trying to solve:

1. More space for additional visualizations
2. More alignment with Single Sends designs

Here's what the Single Sends analytics engagement metrics looks like:

Proposed Solution
Here's what we'd like to do in the journey side sheet to better align with Single Sends (and add more visualizations in a 'dashboard' fashion):

• The design is currently fixed width at ~1152px, or we could consider an 80% width. Open to options!

There are still some moving parts but wanted to get this in front of y'all sooner rather than later. Looking forward to your thoughts. Thanks!

[loreina]

Hi @darcimm,

Spoke with the team and we aren't keen on adding a variant to Side Modal at 80% width as the rest of the page is still interactive and it would cover nearly the entire content area aside from the sidebar navigation.

Instead, we'd recommend going with one of these solutions, in this order:

1. Using Side Modal and sticking with the constraints of the current width.
2. Building this component using our Modal Dialog Primitive. Feel free to drop by office hours with your engineer if you need any guidance on matching Side Modal styles with the primitive.

Thanks!