Commit 1be0b57d authored by Rob Fletcher's avatar Rob Fletcher Committed by Chris Rebert

Fix vertical alignment of temporal inputs on iOS

Fixes #13098
Closes #13099
parent f2952aec
...@@ -3078,16 +3078,25 @@ input[type="search"] { ...@@ -3078,16 +3078,25 @@ input[type="search"] {
-webkit-appearance: none; -webkit-appearance: none;
} }
input[type="date"] { input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
line-height: 34px; line-height: 34px;
line-height: 1.42857143 \0; line-height: 1.42857143 \0;
} }
input[type="date"].input-sm { input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
line-height: 30px; line-height: 30px;
} }
input[type="date"].input-lg { input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
line-height: 46px; line-height: 46px;
} }
......
...@@ -2371,14 +2371,23 @@ textarea.form-control { ...@@ -2371,14 +2371,23 @@ textarea.form-control {
input[type="search"] { input[type="search"] {
-webkit-appearance: none; -webkit-appearance: none;
} }
input[type="date"] { input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
line-height: 34px; line-height: 34px;
line-height: 1.42857143 \0; line-height: 1.42857143 \0;
} }
input[type="date"].input-sm { input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
line-height: 30px; line-height: 30px;
} }
input[type="date"].input-lg { input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
line-height: 46px; line-height: 46px;
} }
.form-group { .form-group {
......
...@@ -170,7 +170,10 @@ input[type="search"] { ...@@ -170,7 +170,10 @@ input[type="search"] {
// given height of the input. Since this fucks up everything else, we have to // given height of the input. Since this fucks up everything else, we have to
// appropriately reset it for Internet Explorer and the size variations. // appropriately reset it for Internet Explorer and the size variations.
input[type="date"] { input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
line-height: @input-height-base; line-height: @input-height-base;
// IE8+ misaligns the text within date inputs, so we reset // IE8+ misaligns the text within date inputs, so we reset
line-height: @line-height-base ~"\0"; line-height: @line-height-base ~"\0";
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment