Skip to content

add new tool's classes ".h-input" (.bg-disabled, .text-input) to allow DIVs look like INPUTs #26412

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
rpokrovskij opened this issue Apr 28, 2018 · 2 comments

Comments

@rpokrovskij
Copy link

rpokrovskij commented Apr 28, 2018

.h-input{
  min-height: $input-height !important; 
}

.bg-disabled{
   background-color: $input-disabled-bg !important; 
}

.text-input{
   color: $input-color !important;
}

this is usefull when you want to make "input field emulation" (e.g."multiselect") using "div" panel that "looks like input" and want to prevent its collapse when it is empty (be disabled with standard color and reuse input color).

create DIV panels that "looks like input" is quite common situation for plugin developers.

E.g.

image

@mdo
Copy link
Member

mdo commented Apr 29, 2018

Thanks for the suggestion, but we'll pass on it for now.

@mdo mdo closed this as completed Apr 29, 2018
@rpokrovskij
Copy link
Author

rpokrovskij commented Apr 30, 2018

So what is your suggestion on how to set "input height" variable for div panel in plugin code? as plugin developer I can't relly on #{$input-height} (even if the scss is distributed with plugin) - there is no way to get user's customized value.

We need some important variables published as classes. Currently you publish it as input.form-control class height style but IT CAN"T BE ASSIGNED to div, and this is the problem. do it more generic at least.

@rpokrovskij rpokrovskij changed the title add new tool's class ".h-input" to set the css min-height to $input-height variable add new tool's classes ".h-input" (.bg-disabled, .text-input) to set the css min-height to $input-height variable May 14, 2018
@rpokrovskij rpokrovskij changed the title add new tool's classes ".h-input" (.bg-disabled, .text-input) to set the css min-height to $input-height variable add new tool's classes ".h-input" (.bg-disabled, .text-input) to allow DIVs look like INPUTs May 14, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants