mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-08 17:22:31 +03:00
Code Activity

Fixes #12470: Scope large modal styles to minimum viewport width

Browse Source
This commit is contained in:
Mark Otto
2014-02-04 02:01:31 -08:00
parent 952afba70d
commit 07098d1bb7
6 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/css/bootstrap.css
Vendored
+2
View File
@@ -5197,6 +5197,8 @@ button.close {
.modal-sm { .modal-sm {
width: 300px; width: 300px;
} }
}
@media (min-width: 992px) {
.modal-lg { .modal-lg {
width: 900px; width: 900px;
} }
dist/css/bootstrap.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/css/bootstrap.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/dist/css/bootstrap.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/dist/css/bootstrap.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
less/modals.less
+3 -2
View File
@@ -121,7 +121,6 @@
// Scale up the modal // Scale up the modal
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
// Automatically set modal's width for larger viewports // Automatically set modal's width for larger viewports
.modal-dialog { .modal-dialog {
width: @modal-md; width: @modal-md;
@@ -133,6 +132,8 @@
// Modal sizes // Modal sizes
.modal-sm { width: @modal-sm; } .modal-sm { width: @modal-sm; }
}
@media (min-width: @screen-md-min) {
.modal-lg { width: @modal-lg; } .modal-lg { width: @modal-lg; }
} }