mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-29 04:54:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

removed hint class in lieu of standard help-block

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
less/_inputs.less
View File

@ -73,8 +73,8 @@
@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
@hint-font-size: ceil((@hint-size-ratio * @placeholder-font-size));
@hint-line-height: (@hint-size-ratio * @line-height);
@help-block-font-size: ceil((@help-block-size-ratio * @placeholder-font-size));
@help-block-line-height: (@help-block-size-ratio * @line-height);
.form-control {
.material-placeholder({
@ -85,9 +85,9 @@
//border: 1px solid;
}
.hint {
margin-top: 0px; // allow the input margin to set-off the top of the hint
font-size: @hint-font-size;
.help-block {
margin-top: 0px; // allow the input margin to set-off the top of the help-block
font-size: @help-block-font-size;
//border: 1px solid;
}
@ -164,13 +164,13 @@
}
// Hints
.hint {
.help-block {
position: absolute;
display: none;
}
&.is-focused {
.hint {
.help-block {
display: block;
}
}

2
less/_variables.less
View File

@ -85,7 +85,7 @@
// inputs
@input-placeholder-color: #BDBDBD;
@floating-label-size-ratio: 75 / 100;
@hint-size-ratio: 75 / 100;
@help-block-size-ratio: 75 / 100;
@input-underline-color: #D2D2D2;
@md-input-font-size-base: 16px;

2
scripts/material.js
View File

@ -82,7 +82,7 @@
// Legacy - Add hint label if using the old shorthand data-hint attribute on the input
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");
}