aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/ScriptingBox.tsx
diff options
context:
space:
mode:
authoranika-ahluwalia <anika.ahluwalia@gmail.com>2020-04-19 21:19:43 -0500
committeranika-ahluwalia <anika.ahluwalia@gmail.com>2020-04-19 21:19:43 -0500
commit1439f57a59918ef68eac96e8e508372dc47d9444 (patch)
tree161eff26247aa38aa89e1d68babe97db90db8d05 /src/client/views/nodes/ScriptingBox.tsx
parent04e2cdc30dd71cccb066f713a93cdc4d3bbd169c (diff)
added a bit to parameters UI, still figuring out horizontal spacing
Diffstat (limited to 'src/client/views/nodes/ScriptingBox.tsx')
-rw-r--r--src/client/views/nodes/ScriptingBox.tsx9
1 files changed, 8 insertions, 1 deletions
diff --git a/src/client/views/nodes/ScriptingBox.tsx b/src/client/views/nodes/ScriptingBox.tsx
index cd0e4fa8d..a5d55018b 100644
--- a/src/client/views/nodes/ScriptingBox.tsx
+++ b/src/client/views/nodes/ScriptingBox.tsx
@@ -89,12 +89,19 @@ export class ScriptingBox extends ViewBoxAnnotatableComponent<FieldViewProps, Sc
<div className="scriptingBox-inputDiv"
onPointerDown={e => this.props.isSelected(true) && e.stopPropagation()} >
+
<textarea className="scriptingBox-textarea"
placeholder="write your script here"
onChange={e => this.rawScript = e.target.value}
value={this.rawScript}
onFocus={this.onFocus}
- onBlur={e => this._overlayDisposer?.()} />
+ onBlur={e => this._overlayDisposer?.()}
+ style={{ width: this.compileParams.length > 0 ? "70%" : "100%" }} />
+
+ {this.compileParams.length > 0 ? <div className="split right" style={{ width: "30%" }}>
+ parameters go here
+ </div> : null}
+
<div className="scriptingBox-errorMessage" style={{ background: this._errorMessage ? "red" : "" }}>{this._errorMessage}</div>
<div className="scriptingBox-params" >{params}</div>
</div>