fix invalid input rendering

This commit is contained in:
Dennis Eichhorn 2023-03-26 22:50:21 +00:00
parent c8aff8c109
commit e0c9e27fb2
2 changed files with 12 additions and 12 deletions

View File

@ -276,25 +276,25 @@ input::placeholder {
}
textarea:invalid, input:invalid {
transition: all 0.5s;
border-color: #f00;
transition: all 0.5s !important;
border-color: #f00 !important;
& ~ i.ok {
display: none;
display: none !important;
}
& ~ i.error {
display: inline-block;
display: inline-block !important;
}
}
input:valid {
& ~ i.ok {
display: inline-block;
display: inline-block !important;
}
& ~ i.error {
display: none;
display: none !important;
}
}

View File

@ -3667,17 +3667,17 @@ input::placeholder {
opacity: 0.5; }
textarea:invalid, input:invalid {
transition: all 0.5s;
border-color: #f00; }
transition: all 0.5s !important;
border-color: #f00 !important; }
textarea:invalid ~ i.ok, input:invalid ~ i.ok {
display: none; }
display: none !important; }
textarea:invalid ~ i.error, input:invalid ~ i.error {
display: inline-block; }
display: inline-block !important; }
input:valid ~ i.ok {
display: inline-block; }
display: inline-block !important; }
input:valid ~ i.error {
display: none; }
display: none !important; }
textarea, .textarea {
overflow: auto;