spacecruft
/
Farmbot-Web-App
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Add dark-blue button css, so existing "light"blue buttons will remain as they were

pull/1505/head
AscendFB 2019-10-20 16:01:12 +02:00
parent 8f593ea098
commit 1bed755e88
3 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/css/buttons.scss
View File

@ -63,12 +63,21 @@
}
}
&.blue {
background-color: $dark_blue !important;
box-shadow: 0 2px 0px 0px darken($dark_blue, 12%);
background-color: $blue;
box-shadow: 0 2px 0px 0px darken($blue, 12%);
&:focus,
&:hover,
&.active {
background-color: darken($dark_blue, 5%) !important;
background-color: darken($blue, 5%) !important;
}
}
&.dark-blue {
background-color: $dark-blue;
box-shadow: 0 2px 0px 0px darken($dark-blue, 12%);
&:focus,
&:hover,
&.active {
background-color: darken($dark-blue, 5%) !important;
}
}
&.red {

2
frontend/farm_designer/plants/__tests__/select_plants_test.tsx
View File

@ -120,7 +120,7 @@ describe("<SelectPlants />", () => {
it("creates group", () => {
const wrapper = mount(<SelectPlants {...fakeProps()} />);
wrapper.find(".blue").simulate("click");
wrapper.find(".dark-blue").simulate("click");
expect(createGroup).toHaveBeenCalled();
});
});

2
frontend/farm_designer/plants/select_plants.tsx
View File

@ -72,7 +72,7 @@ export class RawSelectPlants extends React.Component<SelectPlantsProps, {}> {
onClick={() => this.destroySelected(this.props.selected)}>
{t("Delete")}
</button>
<button className="fb-button blue"
<button className="fb-button dark-blue"
onClick={() => this.props.dispatch(createGroup({
points: this.props.selected
}))}>