set min-height for form-control textarea

* set `min-height` for `.form-control` textarea
  * prevent user from shrink textarea to minimum height
This commit is contained in:
m5o 2019-07-24 17:15:10 +02:00 committed by Martijn Cuppens
parent a9c35b3ca8
commit 7b3ec256d5
2 changed files with 5 additions and 9 deletions

View File

@ -7,7 +7,7 @@
.form-control {
display: block;
width: 100%;
height: $input-height;
min-height: $input-height;
padding: $input-padding-y $input-padding-x;
font-family: $input-font-family;
@include font-size($input-font-size);
@ -96,7 +96,7 @@
// Repeated in `_input_group.scss` to avoid Sass extend issues.
.form-control-sm {
height: $input-height-sm;
min-height: $input-height-sm;
padding: $input-padding-y-sm $input-padding-x-sm;
@include font-size($input-font-size-sm);
line-height: $input-line-height-sm;
@ -104,13 +104,9 @@
}
.form-control-lg {
height: $input-height-lg;
min-height: $input-height-lg;
padding: $input-padding-y-lg $input-padding-x-lg;
@include font-size($input-font-size-lg);
line-height: $input-line-height-lg;
@include border-radius($input-border-radius-lg);
}
textarea.form-control {
height: auto;
}

View File

@ -125,7 +125,7 @@
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .form-select {
height: $input-height-lg;
min-height: $input-height-lg;
}
.input-group-lg > .form-control,
@ -142,7 +142,7 @@
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .form-select {
height: $input-height-sm;
min-height: $input-height-sm;
}
.input-group-sm > .form-control,