mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-19 03:41:19 +02:00
Fix centered modal scrolling issue (#30244)
Use the `min-content` property.
This commit is contained in:
@@ -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: "";
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -216,6 +217,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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user