Modal custom size fx functionality

💬 App Building
1
  1. My goal: ability to entire custom sizing variables ( 90% width, 90% height ) for modals
  2. Issue: only fixed modal sizes - small to fullscreen
  3. maybe add fx functionality to modal > appearance > size

@Jack_T @Darren @jamesg31

2 Likes
2

Linked this to the current feature request, will update this with any news I hear from the team :+1:

1 Like
3

[data-testid="ViewerPageLayout::Modal_One"] ._modal_7i9ik_5 {
max-width: 1200px !important;
}

[data-testid="ViewerPageLayout::Modal_Two"] ._modal_7i9ik_5 {
max-width: 1200px !important;
}

Set Modal to full Size in appearance settings and found this to work well and I can target each modal individually.

My concern is the class " .modal_7i9ik_5 " will this change/break during updates?

I think having the functionality natively would still be great. I did notice the side drawer frame has fx functionality to adjust size in px and percentage, exactly what I'm looking for.

4

Thank you for sharing that @MacD87!

Yes that custom CSS will work as a short term work around while we wait for the UI engineering team to get the feature request for native FX fine tuning.

The class " .modal_7i9ik_5 " won't last forever, not sure exactly when it could be subject to change but that would then need to be renamed accordingly, and is the short coming of custom CSS.

I will update this post with any news I hear on the feature request ticket, and good thinking the side drawer is another useful component for similar logic that does have native sizing built in :raising_hands: