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

This commit is contained in:
Mark Otto 2013-07-27 19:38:05 -07:00
parent 5aad25b34b
commit ce57378705
3 changed files with 7 additions and 13 deletions

View File

@ -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);

File diff suppressed because one or more lines are too long

View File

@ -34,10 +34,8 @@
// Shell div to position the modal with bottom padding
.modal-dialog {
position: relative;
top: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: auto;
padding: 10px;
z-index: (@zindex-modal-background + 10);
@ -124,8 +122,7 @@
.modal-dialog {
left: 50%;
right: auto;
width: 560px;
margin-left: -280px;
width: 600px;
padding-top: 30px;
padding-bottom: 30px;
}