mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-21 13:24:08 +03:00
Code Activity

fixes #4118: responsive modal gets width auto and improved positioning for narrower widths

Browse Source
This commit is contained in:
Mark Otto
2012-07-24 00:44:11 -07:00
parent c37aa99e28
commit 87aa61001e
2 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/assets/css/bootstrap-responsive.css
Vendored
+11 -6
View File
@@ -835,6 +835,17 @@
display: inline-block;
width: auto;
}
.modal {
position: fixed;
top: 20px;
right: 20px;
left: 20px;
width: auto;
margin: 0;
}
.modal.fade.in {
top: auto;
}
}
@media (max-width: 480px) {
@@ -866,15 +877,9 @@
padding-left: 10px;
}
.modal {
position: fixed;
top: 10px;
right: 10px;
left: 10px;
width: auto;
margin: 0;
}
.modal.fade.in {
top: auto;
}
.modal-header .close {
padding: 10px;
less/responsive-767px-max.less
+11 -4
View File
@@ -84,6 +84,17 @@
width: auto;
}
// Modals
.modal {
position: fixed;
top: 20px;
left: 20px;
right: 20px;
width: auto;
margin: 0;
&.fade.in { top: auto; }
}
}
@@ -133,13 +144,9 @@
// Modals
.modal {
position: fixed;
top: 10px;
left: 10px;
right: 10px;
width: auto;
margin: 0;
&.fade.in { top: auto; }
}
.modal-header .close {
padding: 10px;