ducky/web

Paddy 2015-05-31 Parent:99a43a6d1d30 Child:21f80f56cda9

6:a641906b8267 Go to Latest

ducky/web/src/styles/_button.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â„¢.

History
1 @import 'bourbon';
2 @import 'base/base';
4 $primary-button-color: #3FA743;
5 $base-button-color: $blue;
7 button, button[type='button'], .button {
8 position: relative;
9 display: inline-block;
10 background-color: $base-button-color;
12 &.primary, &.primary.ladda-button {
13 background-color: $primary-button-color;
14 }
16 &.ladda-button {
17 background-color: $base-button-color;
18 }
20 &.primary:hover, &.primary:focus, &.primary.ladda-button:hover, &.primary.ladda-button:focus {
21 background-color: darken($primary-button-color, 15);
22 }
24 &.ladda-button:hover, &.ladda-button:focus {
25 background-color: darken($base-button-color, 15);
26 }
27 }
29 button:hover, .button:hover {
30 background-color: darken($base-button-color, 15);
31 }