Improve task order upload validation handling.

- Display validation errors.
- Rerender validated form data correctly.
- Clear error state correctly.
This commit is contained in:
dandds
2019-06-06 13:40:50 -04:00
parent 318257e32c
commit 159360692f
6 changed files with 48 additions and 14 deletions

View File

@@ -1,4 +1,6 @@
.upload-widget {
position: relative;
label.upload-label {
text-align: right;
border: 1px solid black;
@@ -21,6 +23,8 @@
input {
opacity: 0;
position: absolute;
top: 0;
}
}
@@ -46,3 +50,22 @@
font-size: $small-font-size;
}
}
.usa-input--error {
.upload-widget {
label.upload-label {
border: 1px solid $color-red;
box-shadow: inset 0 0 0 2px $color-red;
position: relative;
.upload-button {
margin-left: -3px;
border-left: 3px solid $color-red;
}
.icon {
top: 0;
}
}
}
}