amikhalev/sprinklers3
1
1
Fork 0
Code Issues 9 Pull Requests 1 Releases Wiki Activity

Give more room while editing programs

Browse Source
This commit is contained in:
Alex Mikhalev 2019-07-22 22:24:22 -06:00
parent 39323369bb
commit d675342908
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/pages/ProgramPage.tsx
View File

@ -21,6 +21,7 @@ import { ISprinklersDevice } from "@common/httpApi";
import log from "@common/logger"; import log from "@common/logger";
import { Program, SprinklersDevice } from "@common/sprinklersRpc"; import { Program, SprinklersDevice } from "@common/sprinklersRpc";
import { action } from "mobx"; import { action } from "mobx";
import classNames = require("classnames");
interface ProgramPageProps interface ProgramPageProps
extends RouteComponentProps<{ deviceId: string; programId: string }> { extends RouteComponentProps<{ deviceId: string; programId: string }> {
@ -173,8 +174,10 @@ class ProgramPage extends React.Component<ProgramPageProps> {
const { running, enabled, schedule, sequence } = program; const { running, enabled, schedule, sequence } = program;
const className = classNames("programEditor", editing && "editing");
return ( return (
<Modal open onClose={this.close} className="programEditor"> <Modal open onClose={this.close} className={className}>
<Modal.Header>{this.renderName(program)}</Modal.Header> <Modal.Header>{this.renderName(program)}</Modal.Header>
<Modal.Content> <Modal.Content>
<Form> <Form>

10
client/styles/DeviceView.scss
View File

@ -78,8 +78,14 @@ $connected-color: #13d213;
color: green; color: green;
} }
.ui.modal.programEditor > .header > .header.item .inline.fields { .ui.modal.programEditor {
margin-bottom: 0; &.editing > .content {
min-height: 80vh;
}
> .header > .header.item .inline.fields {
margin-bottom: 0;
}
} }
.runSectionForm-runButton { .runSectionForm-runButton {