From 1439f57a59918ef68eac96e8e508372dc47d9444 Mon Sep 17 00:00:00 2001
From: anika-ahluwalia <anika.ahluwalia@gmail.com>
Date: Sun, 19 Apr 2020 21:19:43 -0500
Subject: added a bit to parameters UI, still figuring out horizontal spacing

---
 src/client/views/nodes/ScriptingBox.scss | 15 ++++++++-------
 src/client/views/nodes/ScriptingBox.tsx  |  9 ++++++++-
 2 files changed, 16 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/client/views/nodes/ScriptingBox.scss b/src/client/views/nodes/ScriptingBox.scss
index 5d367f8a8..25fbd3f35 100644
--- a/src/client/views/nodes/ScriptingBox.scss
+++ b/src/client/views/nodes/ScriptingBox.scss
@@ -11,6 +11,7 @@
         flex-direction: column;
         height: calc(100% - 30px);
 
+
         .scriptingBox-errorMessage {
             overflow: auto;
         }
@@ -19,13 +20,13 @@
             background: "beige";
         }
 
-        .scriptingBox-textArea {
-            width: 100%;
-            height: 100%;
-            box-sizing: border-box;
-            resize: none;
-            padding: 7px;
-        }
+            .scriptingBox-textArea {
+                width: 100%;
+                height: 100%;
+                box-sizing: border-box;
+                resize: none;
+                padding: 7px;
+            }
     }
 
     .scriptingBox-toolbar {
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>
-- 
cgit v1.2.3-70-g09d2