diff options
author | tschicke-brown <tyler_schicke@brown.edu> | 2019-03-02 22:47:37 -0500 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-03-02 22:47:37 -0500 |
commit | 979da9061b6e6cab1f82a316387cb2db1c1eaefb (patch) | |
tree | c72ea05ccbe8a65baf8b57fd8b2cfc566f1bfc10 /src/client/views/EditableView.tsx | |
parent | 2bb713b4c4cf921960cbb03e4fbd1bf2639765ca (diff) | |
parent | e67ea3e4df4af7b85c213baf2fc2fa0c695c3b8b (diff) |
Merge pull request #18 from browngraphicslab/treeview
Treeview
Diffstat (limited to 'src/client/views/EditableView.tsx')
-rw-r--r-- | src/client/views/EditableView.tsx | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/src/client/views/EditableView.tsx b/src/client/views/EditableView.tsx index 8d9a47eaa..88ef67afa 100644 --- a/src/client/views/EditableView.tsx +++ b/src/client/views/EditableView.tsx @@ -27,12 +27,11 @@ export class EditableView extends React.Component<EditableProps> { render() { if (this.editing) { return <input defaultValue={this.props.GetValue()} onKeyDown={this.onKeyDown} autoFocus onBlur={action(() => this.editing = false)} - style={{ width: "100%" }}></input> + style={{ display: "inline" }}></input> } else { return ( - <div className="editableView-container-editing" style={{ display: "flex", height: "100%", maxHeight: `${this.props.height}` }} - onClick={action(() => this.editing = true)} - > + <div className="editableView-container-editing" style={{ display: "inline", height: "100%", maxHeight: `${this.props.height}` }} + onClick={action(() => this.editing = true)}> {this.props.contents} </div> ) |