Use maximum of 80% for modals in large screens

When there is enough content in the modal, the height of the modal plus
its top margin could exceed the height of the viewport.

Considering a top position of 10%, a max height of 80% renders a tall
modal vertically centered, with 10% remaining space at the bottom.
This commit is contained in:
Kristina Lim
2018-08-15 03:03:03 +08:00
parent 0a05e6944e
commit 6e55e5b1c7

View File

@@ -29,7 +29,7 @@ dialog
// Medium and up - when modal IS NOT full screen
@media only screen and (min-width: 641px) {
top: 10%;
max-height: 100%;
max-height: 80%;
}
}