OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

Don't display input error in red on typing

pull/5067/head
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
View File

@ -301,16 +301,6 @@
color: pvar(--mainForegroundColor);
background-color: pvar(--inputBackgroundColor);
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 {

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

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