rev/bootstrap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix centered modal scrolling issue (#30244)

Browse source 
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
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;
} }
} }