aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/EditableView.tsx
diff options
context:
space:
mode:
authortschicke-brown <tyler_schicke@brown.edu>2019-03-18 14:07:18 -0400
committerGitHub <noreply@github.com>2019-03-18 14:07:18 -0400
commit7d5bb60662dc6a879df261f9eafeda89d6574cd7 (patch)
tree8275d70be6aa728de3fea9af76b9422464143227 /src/client/views/EditableView.tsx
parent861614569c2d72e0ee9a6a698f3978f609a3b2bc (diff)
parentbe117e38a63a558684baa69f719787f11dfc3be3 (diff)
Merge pull request #65 from browngraphicslab/authentication
Authentication
Diffstat (limited to 'src/client/views/EditableView.tsx')
-rw-r--r--src/client/views/EditableView.tsx5
1 files changed, 3 insertions, 2 deletions
diff --git a/src/client/views/EditableView.tsx b/src/client/views/EditableView.tsx
index 3b54c0dbb..98a6ed1ba 100644
--- a/src/client/views/EditableView.tsx
+++ b/src/client/views/EditableView.tsx
@@ -21,6 +21,7 @@ export interface EditableProps {
*/
contents: any;
height: number
+ display?: string;
}
/**
@@ -47,10 +48,10 @@ 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={{ display: "inline" }}></input>
+ style={{ display: this.props.display }}></input>
} else {
return (
- <div className="editableView-container-editing" style={{ display: "inline", height: "auto", maxHeight: `${this.props.height}` }}
+ <div className="editableView-container-editing" style={{ display: this.props.display, height: "auto", maxHeight: `${this.props.height}` }}
onClick={action(() => this.editing = true)}>
{this.props.contents}
</div>