temporal date inputs on iOS not aligned if inside of .input-group-lg

[niftylettuce]

currently the CSS rule is here

bootstrap/less/forms.less

Lines 184 to 189 in 10e9fef

	&.input-sm {
	line-height: @input-height-small;
	}
	&.input-lg {
	line-height: @input-height-large;
	}

we need to account for if the input is nested inside of an .input-group-lg or .input-group-sm

[mdo]

The block you're referring to has since been replaced: https://github.com/twbs/bootstrap/blob/master/less/forms.less#L168:L194. As far as I can tell, there's no longer an issue.

[niftylettuce]

@mdo @juthilo please re-open, it looks like it still might be an issue, shouldn't we add this since it's missing right now?

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .input-group-lg {
    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"] {
      line-height: @input-height-large;
    }
  }
  .input-group-sm {
    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"] {
      line-height: @input-height-small;
    }
  }
}

[niftylettuce]

submitting a pull request now...

[cvrebert]

Fixed by c41970c.

[niftylettuce]

@cvrebert thanks!