Improve task order upload validation handling.
- Display validation errors. - Rerender validated form data correctly. - Clear error state correctly.
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user