github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

fix($login-and-register): input border breaks when focus and with validation class (#2026)

pull/2065/head
Liu Xinyu 2019-02-01 02:10:59 +08:00 committed by Abdullah Almsaeed
parent bbb9e4f61b
commit 7e09433c4d
1 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
build/scss/_login_and_register.scss
View File

@ -38,10 +38,40 @@
.input-group { .input-group {
.form-control { .form-control {
border-right: none; border-right: none;
&:focus {
box-shadow: none;
& ~ .input-group-append .input-group-text {
border-color: $input-focus-border-color;
}
}
&.is-valid {
&:focus {
box-shadow: none;
}
& ~ .input-group-append .input-group-text {
border-color: $success;
}
}
&.is-invalid {
&:focus {
box-shadow: none;
}
& ~ .input-group-append .input-group-text {
border-color: $danger;
}
}
} }
.input-group-text { .input-group-text {
color: #777; color: #777;
background-color: transparent; background-color: transparent;
border-left: none;
transition: $input-transition;
// Fix boostrap issue temporarily https://github.com/twbs/bootstrap/issues/25110
border-bottom-right-radius: $border-radius !important;
border-top-right-radius: $border-radius !important;
} }
} }
} }