ux: placeholder opacity for current settings

This commit is contained in:
bsourisse 2023-01-13 11:57:22 +01:00
parent 50526f82df
commit 33909db46c
3 changed files with 15 additions and 3 deletions

View file

@ -89,7 +89,11 @@ export default function EmailSettings(props) {
) : (
<form
onSubmit={handleSubmit(formSubmitHandler)}
className={classes.bwForm}
className={
classes.bwForm +
' ' +
classes.currentSetting
}
>
<p>
{error && <Error message={error} />}
@ -101,7 +105,7 @@ export default function EmailSettings(props) {
pattern: {
value: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
message:
'Your email is not valid',
'Your email is not valid.',
},
})}
/>

View file

@ -124,3 +124,7 @@
display: block;
margin-top: 3px;
}
.currentSetting input::placeholder {
opacity: 1;
}

View file

@ -90,7 +90,11 @@ export default function UsernameSettings(props) {
) : (
<form
onSubmit={handleSubmit(formSubmitHandler)}
className={classes.bwForm}
className={
classes.bwForm +
' ' +
classes.currentSetting
}
>
<p>
{error && <Error message={error} />}