mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-05-28 11:31:55 +02:00
Merge pull request #19578 from overleaf/rd-focus-input
[web] Override the Bootstrap 5 default invalid focus style on Form Control elements GitOrigin-RevId: 8a352eac4d1fb2848b5449975700e194b074cdd2
This commit is contained in:
@@ -156,16 +156,16 @@
|
||||
|
||||
.form-control,
|
||||
.form-select {
|
||||
&:focus-visible {
|
||||
&:focus,
|
||||
&:invalid:focus,
|
||||
&.is-invalid:focus,
|
||||
&:focus-visible,
|
||||
&:invalid:focus-visible,
|
||||
&.is-invalid:focus-visible {
|
||||
color: $input-focus-color;
|
||||
background-color: $input-focus-bg;
|
||||
outline: 0;
|
||||
border-color: $input-focus-border-color;
|
||||
box-shadow: $input-focus-box-shadow;
|
||||
}
|
||||
|
||||
&.is-invalid:focus-visible {
|
||||
border-color: $form-feedback-invalid-color;
|
||||
box-shadow: 0 0 0 2px var(--red-30);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user