mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-18 05:58:25 +01:00
fixes #8665: have modals use auto margin on sides and widen it instead of positioning and negative margin
This commit is contained in:
parent
5aad25b34b
commit
ce57378705
9
dist/css/bootstrap.css
vendored
9
dist/css/bootstrap.css
vendored
@ -3366,13 +3366,11 @@ button.close {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.modal-dialog {
|
.modal-dialog {
|
||||||
position: relative;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1050;
|
z-index: 1050;
|
||||||
width: auto;
|
width: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-content {
|
.modal-content {
|
||||||
@ -3471,10 +3469,9 @@ button.close {
|
|||||||
.modal-dialog {
|
.modal-dialog {
|
||||||
right: auto;
|
right: auto;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
width: 560px;
|
width: 600px;
|
||||||
padding-top: 30px;
|
padding-top: 30px;
|
||||||
padding-bottom: 30px;
|
padding-bottom: 30px;
|
||||||
margin-left: -280px;
|
|
||||||
}
|
}
|
||||||
.modal-content {
|
.modal-content {
|
||||||
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
||||||
|
2
dist/css/bootstrap.min.css
vendored
2
dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
@ -34,10 +34,8 @@
|
|||||||
|
|
||||||
// Shell div to position the modal with bottom padding
|
// Shell div to position the modal with bottom padding
|
||||||
.modal-dialog {
|
.modal-dialog {
|
||||||
position: relative;
|
margin-left: auto;
|
||||||
top: 0;
|
margin-right: auto;
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
width: auto;
|
width: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
z-index: (@zindex-modal-background + 10);
|
z-index: (@zindex-modal-background + 10);
|
||||||
@ -124,8 +122,7 @@
|
|||||||
.modal-dialog {
|
.modal-dialog {
|
||||||
left: 50%;
|
left: 50%;
|
||||||
right: auto;
|
right: auto;
|
||||||
width: 560px;
|
width: 600px;
|
||||||
margin-left: -280px;
|
|
||||||
padding-top: 30px;
|
padding-top: 30px;
|
||||||
padding-bottom: 30px;
|
padding-bottom: 30px;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user