Fixes #11425: Use margin instead of padding on .modal-dialog to enable...

Fixes #11425: Use margin instead of padding on .modal-dialog to enable click-thru to .modal-backdrop

Fixes #11425: Use margin instead of padding on .modal-dialog to enable...
Fixes #11425: Use margin instead of padding on .modal-dialog to enable click-thru to .modal-backdrop
bf9f3927 · Mark Otto · 36b82c37 · bf9f3927 · bf9f3927 · bf9f3927
Commit bf9f3927 authored 11 years ago by Mark Otto
Expand all Hide whitespace changes
Inline Side-by-side

Showing

with 7 additions and 7 deletions
+7 -7
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -5909,7 +5909,7 @@ button.close {
  position: relative;
  z-index: 1050;
  width: auto;
-  padding: 10px;
+  margin: 10px;
  margin-right: auto;
  margin-left: auto;
 }
@@ -6009,8 +6009,8 @@ button.close {
 @media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
-    padding-top: 30px;
+    margin-top: 30px;
-    padding-bottom: 30px;
+    margin-bottom: 30px;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

--- a/dist/css/bootstrap.min.css
+++ b/dist/css/bootstrap.min.css
--- a/less/modals.less
+++ b/less/modals.less
@@ -38,7 +38,7 @@
  margin-left: auto;
  margin-right: auto;
  width: auto;
-  padding: 10px;
+  margin: 10px;
  z-index: (@zindex-modal-background + 10);
 }
@@ -122,8 +122,8 @@
  .modal-dialog {
    width: 600px;
-    padding-top: 30px;
+    margin-top: 30px;
-    padding-bottom: 30px;
+    margin-bottom: 30px;
  }
  .modal-content {
    .box-shadow(0 5px 15px rgba(0,0,0,.5));