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

…e click-thru to .modal-backdrop
twbs · Nov 30, 2013 · bf9f392 · bf9f392 · wizsilex · Nov 30, 2013
1 parent 36b82c3
commit bf9f392
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git 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;
-    padding-bottom: 30px;
+    margin-top: 30px;
+    margin-bottom: 30px;
   }
   .modal-content {
     -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

diff --git a/dist/css/bootstrap.min.css b/dist/css/bootstrap.min.css
diff --git 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;
-    padding-bottom: 30px;
+    margin-top: 30px;
+    margin-bottom: 30px;
   }
   .modal-content {
     .box-shadow(0 5px 15px rgba(0,0,0,.5));