root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 12 Packages Projects Releases Wiki Activity

Fix centered modal scrolling issue (#30244) 

Use the `min-content` property.
This commit is contained in:
Shohei Yoshida 2020-02-29 16:59:36 +09:00 committed by XhmikosR
parent 69f36286f9
commit fa7510c6af
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scss/_modal.scss
View File

@ -83,6 +83,7 @@
&::before { &::before {
display: block; // IE10 display: block; // IE10
height: subtract(100vh, $modal-dialog-margin * 2); height: subtract(100vh, $modal-dialog-margin * 2);
height: min-content; // Reset height to 0 except on IE
content: ""; content: "";
} }
@ -217,6 +218,7 @@
&::before { &::before {
height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2); height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);
height: min-content;
} }
} }