From 163006f4bf5fef615300c068876d77c869a04fe7 Mon Sep 17 00:00:00 2001 From: Andrew Croce Date: Thu, 20 Sep 2018 11:46:45 -0400 Subject: [PATCH] Add max height to modal container Use IE specific overflow rule to show scrollbar Set specific max height in ie only --- styles/components/_modal.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/styles/components/_modal.scss b/styles/components/_modal.scss index aa0b1c44..90015844 100644 --- a/styles/components/_modal.scss +++ b/styles/components/_modal.scss @@ -17,6 +17,7 @@ body { .modal__container { height: 100vh; + max-height: 100vh; } .modal__dialog { @@ -42,7 +43,13 @@ body { background-color: $color-white; padding: $gap * 2; width: 100%; + overflow-y: auto; + -ms-overflow-style: scrollbar; + + @include ie-only { + max-height: calc(100vh - #{$gap * 8}); + } @include media($medium-screen) { padding: $gap * 4;