github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-01-26 18:21:09 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #19578 from overleaf/rd-focus-input

Browse source 
[web] Override the Bootstrap 5 default invalid focus style on Form Control elements

GitOrigin-RevId: 8a352eac4d1fb2848b5449975700e194b074cdd2
This commit is contained in:
Rebeka Dekany 2024-08-07 15:38:42 +02:00 committed by Copybot
parent d9744bc35c
commit bd87e1b41b
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
services/web/frontend/stylesheets/bootstrap-5/components/form.scss
View file

@ -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);
}
}