ducky/web
ducky/web/src/styles/base/_buttons.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 #{$all-button-inputs}, |
| paddy@0 | 2 button { |
| paddy@0 | 3 @include appearance(none); |
| paddy@0 | 4 -webkit-font-smoothing: antialiased; |
| paddy@0 | 5 background-color: $action-color; |
| paddy@0 | 6 border-radius: $base-border-radius; |
| paddy@0 | 7 border: none; |
| paddy@0 | 8 color: #fff; |
| paddy@0 | 9 cursor: pointer; |
| paddy@0 | 10 display: inline-block; |
| paddy@0 | 11 font-family: $base-font-family; |
| paddy@0 | 12 font-size: $base-font-size; |
| paddy@0 | 13 font-weight: 600; |
| paddy@0 | 14 line-height: 1; |
| paddy@0 | 15 padding: 0.75em 1em; |
| paddy@0 | 16 text-decoration: none; |
| paddy@0 | 17 user-select: none; |
| paddy@0 | 18 vertical-align: middle; |
| paddy@0 | 19 white-space: nowrap; |
| paddy@0 | 20 |
| paddy@0 | 21 &:hover, |
| paddy@0 | 22 &:focus { |
| paddy@0 | 23 background-color: darken($action-color, 15%); |
| paddy@0 | 24 color: #fff; |
| paddy@0 | 25 } |
| paddy@0 | 26 |
| paddy@0 | 27 &:disabled { |
| paddy@0 | 28 cursor: not-allowed; |
| paddy@0 | 29 opacity: 0.5; |
| paddy@0 | 30 } |
| paddy@0 | 31 } |