root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 3 Packages Projects Releases Wiki Activity

clean up modals.less comments, add new class for optional use on modal forms to remove bottom margin

This commit is contained in:
Mark Otto 2012-02-12 15:43:04 -08:00
parent a57dbada0f
commit 163c98ea7e
3 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/assets/bootstrap.zip
View File

Binary file not shown.

3
docs/assets/css/bootstrap.css vendored
View File

@ -2888,6 +2888,9 @@ button.btn.small, input[type="submit"].btn.small {
.modal-body { .modal-body {
padding: 15px; padding: 15px;
} }
.modal-body .modal-form {
margin-bottom: 0;
}
.modal-footer { .modal-footer {
padding: 14px 15px 15px; padding: 14px 15px 15px;
margin-bottom: 0; margin-bottom: 0;

11
less/modals.less
View File

@ -1,6 +1,7 @@
// MODALS // MODALS
// ------ // ------
// Recalculate z-index where appropriate
.modal-open { .modal-open {
.dropdown-menu { z-index: @zindexDropdown + @zindexModal; } .dropdown-menu { z-index: @zindexDropdown + @zindexModal; }
.dropdown.open { *z-index: @zindexDropdown + @zindexModal; } .dropdown.open { *z-index: @zindexDropdown + @zindexModal; }
@ -8,6 +9,7 @@
.tooltip { z-index: @zindexTooltip + @zindexModal; } .tooltip { z-index: @zindexTooltip + @zindexModal; }
} }
// Background
.modal-backdrop { .modal-backdrop {
position: fixed; position: fixed;
top: 0; top: 0;
@ -25,6 +27,7 @@
.opacity(80); .opacity(80);
} }
// Base modal
.modal { .modal {
position: fixed; position: fixed;
top: 50%; top: 50%;
@ -53,9 +56,17 @@
// Close icon // Close icon
.close { margin-top: 2px; } .close { margin-top: 2px; }
} }
// Body (where all modal content resises)
.modal-body { .modal-body {
padding: 15px; padding: 15px;
} }
// Remove bottom margin if need be
.modal-body .modal-form {
margin-bottom: 0;
}
// Footer (for actions)
.modal-footer { .modal-footer {
padding: 14px 15px 15px; padding: 14px 15px 15px;
margin-bottom: 0; margin-bottom: 0;