mirror of
				https://github.com/mdbootstrap/mdb-ui-kit.git
				synced 2025-10-31 16:07:53 +03:00 
			
		
		
		
	removed hint class in lieu of standard help-block
				
					
				
			This commit is contained in:
		
							parent
							
								
									721f8842f0
								
							
						
					
					
						commit
						77749f353e
					
				|  | @ -73,8 +73,8 @@ | ||||||
|   @label-as-placeholder-top: -1 * (@vertical-padding + @label-as-placeholder-shim); |   @label-as-placeholder-top: -1 * (@vertical-padding + @label-as-placeholder-shim); | ||||||
|   //@label-as-placeholder-top: -1 * (@line-height * @static-font-size); way too much on anything but sm |   //@label-as-placeholder-top: -1 * (@line-height * @static-font-size); way too much on anything but sm | ||||||
| 
 | 
 | ||||||
|   @hint-font-size: ceil((@hint-size-ratio * @placeholder-font-size)); |   @help-block-font-size: ceil((@help-block-size-ratio * @placeholder-font-size)); | ||||||
|   @hint-line-height: (@hint-size-ratio * @line-height); |   @help-block-line-height: (@help-block-size-ratio * @line-height); | ||||||
| 
 | 
 | ||||||
|   .form-control { |   .form-control { | ||||||
|     .material-placeholder({ |     .material-placeholder({ | ||||||
|  | @ -85,9 +85,9 @@ | ||||||
|     //border: 1px solid; |     //border: 1px solid; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   .hint { |   .help-block { | ||||||
|     margin-top: 0px; // allow the input margin to set-off the top of the hint |     margin-top: 0px; // allow the input margin to set-off the top of the help-block | ||||||
|     font-size: @hint-font-size; |     font-size: @help-block-font-size; | ||||||
| 
 | 
 | ||||||
|     //border: 1px solid; |     //border: 1px solid; | ||||||
|   } |   } | ||||||
|  | @ -164,13 +164,13 @@ | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   // Hints |   // Hints | ||||||
|   .hint { |   .help-block { | ||||||
|     position: absolute; |     position: absolute; | ||||||
|     display: none; |     display: none; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   &.is-focused { |   &.is-focused { | ||||||
|     .hint { |     .help-block { | ||||||
|       display: block; |       display: block; | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
|  |  | ||||||
|  | @ -85,7 +85,7 @@ | ||||||
| // inputs | // inputs | ||||||
| @input-placeholder-color: #BDBDBD; | @input-placeholder-color: #BDBDBD; | ||||||
| @floating-label-size-ratio: 75 / 100; | @floating-label-size-ratio: 75 / 100; | ||||||
| @hint-size-ratio: 75 / 100; | @help-block-size-ratio: 75 / 100; | ||||||
| @input-underline-color: #D2D2D2; | @input-underline-color: #D2D2D2; | ||||||
| 
 | 
 | ||||||
| @md-input-font-size-base: 16px; | @md-input-font-size-base: 16px; | ||||||
|  |  | ||||||
|  | @ -82,7 +82,7 @@ | ||||||
| 
 | 
 | ||||||
|         // Legacy - Add hint label if using the old shorthand data-hint attribute on the input
 |         // Legacy - Add hint label if using the old shorthand data-hint attribute on the input
 | ||||||
|         if ($input.attr("data-hint")) { |         if ($input.attr("data-hint")) { | ||||||
|           $input.after("<p class='help-block hint'>" + $input.attr("data-hint") + "</p>"); |           $input.after("<p class='help-block'>" + $input.attr("data-hint") + "</p>"); | ||||||
|           $input.removeAttr("data-hint"); |           $input.removeAttr("data-hint"); | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue
	
	Block a user