diff options
author | Mark Otto <markdotto@gmail.com> | 2018-07-25 03:25:12 +0300 |
---|---|---|
committer | Mark Otto <markdotto@gmail.com> | 2018-07-25 03:25:12 +0300 |
commit | fb2de04374a068594c84c1ec6aba6b5b3726ed27 (patch) | |
tree | 88f6d6f1a8a46282890c5eaa4776aed2a4ebd9e0 /scss/_modal.scss | |
parent | c6abb8ca8405777e8a3fb29016db5cc54889ec8b (diff) | |
parent | e3b98c51da4b39fa8af26ec05db07da57fefb0b6 (diff) |
Merge branch 'v4-dev' into malkomich-v4-dev
Diffstat (limited to 'scss/_modal.scss')
-rw-r--r-- | scss/_modal.scss | 24 |
1 files changed, 18 insertions, 6 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index f3c535180d..5eadbf5b84 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -4,9 +4,14 @@ // .modal-content - actual modal w/ bg and corners and stuff -// Kill the scroll on the body .modal-open { + // Kill the scroll on the body overflow: hidden; + + .modal { + overflow-x: hidden; + overflow-y: auto; + } } // Container that the modal scrolls within @@ -25,11 +30,6 @@ // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342 // See also https://github.com/twbs/bootstrap/issues/17695 - - .modal-open & { - overflow-x: hidden; - overflow-y: auto; - } } // Shell div to position the modal with bottom padding @@ -54,6 +54,13 @@ display: flex; align-items: center; min-height: calc(100% - (#{$modal-dialog-margin} * 2)); + + // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11) + &::before { + display: block; // IE10 + height: calc(100vh - (#{$modal-dialog-margin} * 2)); + content: ""; + } } // Actual modal @@ -153,6 +160,11 @@ .modal-dialog-centered { min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2)); + + &::before { + height: calc(100vh - (#{$modal-dialog-margin-y-sm-up} * 2)); + } + } .modal-content { |