Fixes #12669: Properly reset line-height on date inputs for all sizes; Fix IE8+'s misaslignment of text within date inputs

This commit is contained in:
Mark Otto 2014-03-09 17:12:39 -07:00
parent 37b342b18a
commit 2f955907f9
10 changed files with 34 additions and 8 deletions

View File

@ -3080,6 +3080,15 @@ input[type="search"] {
input[type="date"] {
line-height: 34px;
line-height: 1.42857143 \0;
}
input[type="date"].input-sm {
line-height: 30px;
}
input[type="date"].input-lg {
line-height: 46px;
}
.form-group {

File diff suppressed because one or more lines are too long

View File

@ -2373,6 +2373,13 @@ input[type="search"] {
}
input[type="date"] {
line-height: 34px;
line-height: 1.42857143 \0;
}
input[type="date"].input-sm {
line-height: 30px;
}
input[type="date"].input-lg {
line-height: 46px;
}
.form-group {
margin-bottom: 15px;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -167,10 +167,20 @@ input[type="search"] {
// Special styles for iOS date input
//
// In Mobile Safari, date inputs require a pixel line-height that matches the
// given height of the input.
// given height of the input. Since this fucks up everything else, we have to
// appropriately reset it for Internet Explorer and the size variations.
input[type="date"] {
line-height: @input-height-base;
// IE8+ misaligns the text within date inputs, so we reset
line-height: @line-height-base ~"\0";
&.input-sm {
line-height: @input-height-small;
}
&.input-lg {
line-height: @input-height-large;
}
}