ducky/web
ducky/web/src/styles/base/_tables.scss
Enable catch-all in our ValidationError component. We're doing this an ugly, hacky way. But it works, and right now, that's what counts. To match our params/fields/headers properties on the ValidationError component, we're going to add the notParams/notFields/notHeaders properties--they match any error _not_ targeting those params/fields/headers. Basically, "any error that wouldn't be caught by these filters". Which is an ugly, but workable, solution for a catch-all ValidationError--just tell it to catch anything but the params/fields/headers that are being handled by the other ValidationErrors. Our implementation of this in the RegisterPage component validates (ha!) that it's at least workable model, if not overly pretty. Also, I anticipate some human error bugs in the future, where one of the field-specific ValidationErrors gets updated and the catch-all ValidationError does not. But whatever. For now, this is Good Enough™.
| paddy@0 | 1 table { |
| paddy@0 | 2 @include font-feature-settings("kern", "liga", "tnum"); |
| paddy@0 | 3 border-collapse: collapse; |
| paddy@0 | 4 margin: $small-spacing 0; |
| paddy@0 | 5 table-layout: fixed; |
| paddy@0 | 6 width: 100%; |
| paddy@0 | 7 } |
| paddy@0 | 8 |
| paddy@0 | 9 th { |
| paddy@0 | 10 border-bottom: 1px solid darken($base-border-color, 15%); |
| paddy@0 | 11 font-weight: 600; |
| paddy@0 | 12 padding: $small-spacing 0; |
| paddy@0 | 13 text-align: left; |
| paddy@0 | 14 } |
| paddy@0 | 15 |
| paddy@0 | 16 td { |
| paddy@0 | 17 border-bottom: $base-border; |
| paddy@0 | 18 padding: $small-spacing 0; |
| paddy@0 | 19 } |
| paddy@0 | 20 |
| paddy@0 | 21 tr, |
| paddy@0 | 22 td, |
| paddy@0 | 23 th { |
| paddy@0 | 24 vertical-align: middle; |
| paddy@0 | 25 } |