mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-24 14:13:06 +02:00
Validated inputs in .input-group
shouldn't be behind sibling element (#33644)
Added z-index property for input-group only for invalid state
This commit is contained in:
@@ -130,8 +130,15 @@
|
|||||||
.input-group .form-control,
|
.input-group .form-control,
|
||||||
.input-group .form-select {
|
.input-group .form-select {
|
||||||
@include form-validation-state-selector($state) {
|
@include form-validation-state-selector($state) {
|
||||||
|
@if $state == "valid" {
|
||||||
|
z-index: 1;
|
||||||
|
} @else if $state == "invalid" {
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
&:focus {
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
// scss-docs-end form-validation-mixins
|
// scss-docs-end form-validation-mixins
|
||||||
|
Reference in New Issue
Block a user