Modal dialogs become unreadable after applying max zoom

[barbaravaldez]

For: #25124

I needed to add an extra div to include the scrollbar to the dialog content and the dialog footer.

Adding more examples of this:

Adding a database user

Restore database

Deployment options wizard:

[coveralls]

Pull Request Test Coverage Report for Build 7792935287

• 0 of 2 (100.0%) changed or added relevant lines in 1 file are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage increased (+0.007%) to 41.766%

---

Totals
Change from base Build 7790722680:	0.007%
Covered Lines:	30833
Relevant Lines:	69083

---

💛 - Coveralls

[corivera]

Does the base modal change also affect other core dialogs like Connection Dialog? Basically any of the ones extending the Modal class.

[barbaravaldez]

Does the base modal change also affect other core dialogs like Connection Dialog? Basically any of the ones extending the Modal class.
yes, it does and we can see the same behavior in other dialogs as well.

[corivera]

@barbaravaldez could you give some more details about the various style changes and why they're needed?

[kisantia]

Also please add a screenshot of any other flyout dialogs that would be affected by this change.

[barbaravaldez]

Also please add a screenshot of any other flyout dialogs that would be affected by this change.

@kisantia, since I'm modifying the modal dialogs. I think it's most of them. The ones I know that are not being modified are the callout dialog, the connection dialog, and the select blob storage dialog.

[barbaravaldez]

@barbaravaldez could you give some more details about the various style changes and why they're needed?

@corivera, to add the scrollbar I added the overflow-x but that alone does not add a scrollbar. I needed to add the max-width to 100%, so that the size of the dialog doesn't exceed that and also, I had to add the display:contents so all the dialog components such as the (header, body, and footer) stay visible.

[barbaravaldez]

Does the base modal change also affect other core dialogs like Connection Dialog? Basically any of the ones extending the Modal class.

@corivera, Sorry I missed this! It doesn't seem to affect the Connection Dialog.