fixes #8665: have modals use auto margin on sides and widen it instead of...

fixes #8665: have modals use auto margin on sides and widen it instead of positioning and negative margin

fixes #8665: have modals use auto margin on sides and widen it instead of...
fixes #8665: have modals use auto margin on sides and widen it instead of positioning and negative margin
ce573787 · Mark Otto · 5aad25b3 · ce573787 · ce573787 · ce573787
Commit ce573787 authored Jul 27, 2013 by Mark Otto
Hide whitespace changes
Inline Side-by-side

Showing with 7 additions and 13 deletions

dist/css/bootstrap.css dist/css/bootstrap.css +3 -6

dist/css/bootstrap.min.css dist/css/bootstrap.min.css +1 -1

less/modals.less less/modals.less +3 -6

No files found.
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -3366,13 +3366,11 @@ button.close {
 }
 .modal-dialog {
-  position: relative;
-  top: 0;
-  right: 0;
-  left: 0;
  z-index: 1050;
  width: auto;
  padding: 10px;
+  margin-right: auto;
+  margin-left: auto;
 }
 .modal-content {
@@ -3471,10 +3469,9 @@ button.close {
  .modal-dialog {
    right: auto;
    left: 50%;
-    width: 560px;
+    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
-    margin-left: -280px;
  }
  .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
@@ -34,10 +34,8 @@
 // Shell div to position the modal with bottom padding
 .modal-dialog {
-  position: relative;
+  margin-left: auto;
-  top: 0;
+  margin-right: auto;
-  left: 0;
-  right: 0;
  width: auto;
  padding: 10px;
  z-index: (@zindex-modal-background + 10);
@@ -124,8 +122,7 @@
  .modal-dialog {
    left: 50%;
    right: auto;
-    width: 560px;
+    width: 600px;
-    margin-left: -280px;
    padding-top: 30px;
    padding-bottom: 30px;
  }