Add max height to modal container

Use IE specific overflow rule to show scrollbar
Set specific max height in ie only
This commit is contained in:
Andrew Croce 2018-09-20 11:46:45 -04:00
parent a4d303cefd
commit 163006f4bf

View File

@ -17,6 +17,7 @@ body {
.modal__container { .modal__container {
height: 100vh; height: 100vh;
max-height: 100vh;
} }
.modal__dialog { .modal__dialog {
@ -42,7 +43,13 @@ body {
background-color: $color-white; background-color: $color-white;
padding: $gap * 2; padding: $gap * 2;
width: 100%; width: 100%;
overflow-y: auto; overflow-y: auto;
-ms-overflow-style: scrollbar;
@include ie-only {
max-height: calc(100vh - #{$gap * 8});
}
@include media($medium-screen) { @include media($medium-screen) {
padding: $gap * 4; padding: $gap * 4;