mirror of https://github.com/twbs/bootstrap.git
				
				
				
			Fix vertical alignment of temporal inputs on iOS
Fixes #13098 Closes #13099
This commit is contained in:
		
							parent
							
								
									f2952aeccf
								
							
						
					
					
						commit
						1be0b57d34
					
				| 
						 | 
				
			
			@ -3078,16 +3078,25 @@ input[type="search"] {
 | 
			
		|||
  -webkit-appearance: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
input[type="date"] {
 | 
			
		||||
input[type="date"],
 | 
			
		||||
input[type="time"],
 | 
			
		||||
input[type="datetime-local"],
 | 
			
		||||
input[type="month"] {
 | 
			
		||||
  line-height: 34px;
 | 
			
		||||
  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;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
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;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2371,14 +2371,23 @@ textarea.form-control {
 | 
			
		|||
input[type="search"] {
 | 
			
		||||
  -webkit-appearance: none;
 | 
			
		||||
}
 | 
			
		||||
input[type="date"] {
 | 
			
		||||
input[type="date"],
 | 
			
		||||
input[type="time"],
 | 
			
		||||
input[type="datetime-local"],
 | 
			
		||||
input[type="month"] {
 | 
			
		||||
  line-height: 34px;
 | 
			
		||||
  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;
 | 
			
		||||
}
 | 
			
		||||
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;
 | 
			
		||||
}
 | 
			
		||||
.form-group {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -170,7 +170,10 @@ input[type="search"] {
 | 
			
		|||
// 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"] {
 | 
			
		||||
input[type="date"],
 | 
			
		||||
input[type="time"],
 | 
			
		||||
input[type="datetime-local"],
 | 
			
		||||
input[type="month"] {
 | 
			
		||||
  line-height: @input-height-base;
 | 
			
		||||
  // IE8+ misaligns the text within date inputs, so we reset
 | 
			
		||||
  line-height: @line-height-base ~"\0";
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue