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

10
client/styles/DeviceView.scss
View File

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