mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 04:41:36 +02:00
Code Issues Releases Wiki 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 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/css/bootstrap.css vendored
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;
} }

2
dist/css/bootstrap.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
docs/dist/css/bootstrap.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
docs/dist/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

7
less/modals.less
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; }
.modal-lg { width: @modal-lg; } }
@media (min-width: @screen-md-min) {
.modal-lg { width: @modal-lg; }
} }