mirror of
https://github.com/Karaka-Management/cssOMS.git
synced 2026-02-13 16:28:41 +00:00
fix invalid input rendering
This commit is contained in:
parent
c8aff8c109
commit
e0c9e27fb2
12
input.scss
12
input.scss
|
|
@ -276,25 +276,25 @@ input::placeholder {
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea:invalid, input:invalid {
|
textarea:invalid, input:invalid {
|
||||||
transition: all 0.5s;
|
transition: all 0.5s !important;
|
||||||
border-color: #f00;
|
border-color: #f00 !important;
|
||||||
|
|
||||||
& ~ i.ok {
|
& ~ i.ok {
|
||||||
display: none;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
& ~ i.error {
|
& ~ i.error {
|
||||||
display: inline-block;
|
display: inline-block !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input:valid {
|
input:valid {
|
||||||
& ~ i.ok {
|
& ~ i.ok {
|
||||||
display: inline-block;
|
display: inline-block !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
& ~ i.error {
|
& ~ i.error {
|
||||||
display: none;
|
display: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
12
styles.css
12
styles.css
|
|
@ -3667,17 +3667,17 @@ input::placeholder {
|
||||||
opacity: 0.5; }
|
opacity: 0.5; }
|
||||||
|
|
||||||
textarea:invalid, input:invalid {
|
textarea:invalid, input:invalid {
|
||||||
transition: all 0.5s;
|
transition: all 0.5s !important;
|
||||||
border-color: #f00; }
|
border-color: #f00 !important; }
|
||||||
textarea:invalid ~ i.ok, input:invalid ~ i.ok {
|
textarea:invalid ~ i.ok, input:invalid ~ i.ok {
|
||||||
display: none; }
|
display: none !important; }
|
||||||
textarea:invalid ~ i.error, input:invalid ~ i.error {
|
textarea:invalid ~ i.error, input:invalid ~ i.error {
|
||||||
display: inline-block; }
|
display: inline-block !important; }
|
||||||
|
|
||||||
input:valid ~ i.ok {
|
input:valid ~ i.ok {
|
||||||
display: inline-block; }
|
display: inline-block !important; }
|
||||||
input:valid ~ i.error {
|
input:valid ~ i.error {
|
||||||
display: none; }
|
display: none !important; }
|
||||||
|
|
||||||
textarea, .textarea {
|
textarea, .textarea {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user