Modal content height is not bound

[Blackbaud-PatrickOFriel]

If the modal content gets very large, then the footer is not visible on the screen. We should do something to specify a max-height on the content so that it scrolls and the footer is always shown.

Example:
https://plnkr.co/edit/V5tAoH4TkZlAErdJMyH8?p=preview

[Blackbaud-PatrickOFriel]

A good way to accomplish this might be the following:

.sky-modal class additions:

• display: flex
• flex-direction: column

.sky-modal-header

• flex-shrink: 0

.sky-modal-content

• overflow-y: auto

.sky-modal-footer

• flex-shrink: 0

Then all you have to do is set the max-height of the sky-modal class based on the window height (by watching window height change event)

[Blackbaud-PatrickOFriel]

In 2.0.0-beta.11