forks/peertube
1
0
Fork 0
Code Releases Activity

Don't display input error in red on typing

Browse source
This commit is contained in:
Chocobozzz 2022-06-16 17:26:08 +02:00
parent 00e32b7cb4
commit 176806204c
No known key found for this signature in database
GPG key ID: 583A612D890159BE
2 changed files with 6 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
client/src/sass/bootstrap.scss vendored
View file

@ -301,16 +301,6 @@
color: pvar(--mainForegroundColor); color: pvar(--mainForegroundColor);
background-color: pvar(--inputBackgroundColor); background-color: pvar(--inputBackgroundColor);
outline: none; outline: none;
// Input box-shadow on focus
&:focus-within,
&:focus {
box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
&.input-error {
box-shadow: #{$focus-box-shadow-form} #{scale-color($red, $alpha: -75%)};
}
}
} }
.input-group { .input-group {

8
client/src/sass/class-helpers.scss
View file

@ -69,6 +69,10 @@
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.input-error:not(:focus) {
border-color: $red !important;
}
.form-error, .form-error,
.form-warning { .form-warning {
display: block; display: block;
@ -79,8 +83,8 @@
color: $red; color: $red;
} }
.input-error { .input-error:focus + .form-error {
border-color: $red !important; color: pvar(--mainForegroundColor);
} }
.form-group-description { .form-group-description {