1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-23 18:40:03 +00:00

add modal variables and tweak padding for min-height on modal title

This commit is contained in:
Mark Otto 2013-04-12 20:56:19 -07:00
parent a96dd1bd28
commit ae98f1803f
3 changed files with 11 additions and 8 deletions

View File

@ -4302,18 +4302,18 @@ button.close {
} }
.modal-header { .modal-header {
min-height: 40px; min-height: 35px;
padding: 9px 15px; padding: 15px;
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
} }
.modal-header .close { .modal-header .close {
margin-top: 2px; margin-top: -2px;
} }
.modal-title { .modal-title {
margin: 0; margin: 0;
line-height: 30px; line-height: 20px;
} }
.modal-body { .modal-body {

View File

@ -74,19 +74,19 @@
// Modal header // Modal header
// Top section of the modal w/ title and dismiss // Top section of the modal w/ title and dismiss
.modal-header { .modal-header {
padding: 9px 15px; padding: @modal-title-padding;
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
min-height:40px; min-height: (@modal-title-padding + @modal-title-line-height);
} }
// Close icon // Close icon
.modal-header .close { .modal-header .close {
margin-top: 2px; margin-top: -2px;
} }
// Title text within header // Title text within header
.modal-title { .modal-title {
margin: 0; margin: 0;
line-height: 30px; // effectively set a min-height for the header line-height: @modal-title-line-height;
} }
// Modal body // Modal body

View File

@ -274,6 +274,9 @@
// ------------------------- // -------------------------
@modal-inner-padding: 20px; @modal-inner-padding: 20px;
@modal-title-padding: 15px;
@modal-title-line-height: @line-height-base;
// Progress bars // Progress bars
// ------------------------- // -------------------------