at-core-modal has two modes of operation
desktop
mobile
at-core-modal has minWidth
property.
When browser window width is less then minWidth
mode is mobile
. Else, mode is desktop
.
Modal contents can have contents that has width smaller, equal or larger than browser window width. at-core-modal should fit content into available window width. Horizontal scrollbar should not appear.
Modal contents can have contents that has height which is smaller, equal or larger than browser window height.
If contents height is smaller or equal than browser window height, at-core-modal should be horizontally and vertically centered.
If contents height is larger than browser window height, at-core-modal
- should be horizontally centered,
- should have top and bottom margins