Right now we have 2 major kinds of buttons: default grey OR primary blue -- the latter is specified by passing in the className primary. In some places we want a button that follows the background color but still has a hover state (so on light-mode it should be white with no border, but when it is hovered over it gets the proper hover coloring. Let's provide that by just adding a new CSS class flat.
button.flat {
background: none;
border: none;
}
After #682 #683 #691 have been merged, take a look at the different buttons and determine which should or should not use the "flat" appearance versus primary(blue) or grey. Pass in the classname flat. I think CardPinButton should probably use this. After making this change you should be able to remove some of the custom CSS styling for CardPinButton in component_styles.css.
Right now we have 2 major kinds of buttons: default grey OR primary blue -- the latter is specified by passing in the className
primary. In some places we want a button that follows the background color but still has a hover state (so on light-mode it should be white with no border, but when it is hovered over it gets the proper hover coloring. Let's provide that by just adding a new CSS classflat.After #682 #683 #691 have been merged, take a look at the different buttons and determine which should or should not use the "flat" appearance versus primary(blue) or grey. Pass in the classname
flat. I thinkCardPinButtonshould probably use this. After making this change you should be able to remove some of the custom CSS styling forCardPinButtonincomponent_styles.css.