removed hint class in lieu of standard help-block

This commit is contained in:
Kevin Ross 2015-11-11 10:35:32 -06:00
parent 721f8842f0
commit 77749f353e
3 changed files with 9 additions and 9 deletions

View File

@ -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;
} }
} }

View File

@ -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;

View File

@ -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");
} }