NLS Expression/JSON editor and fix their height calculation

editor/js/ui/editor.js

@@ -493,9 +493,9 @@ RED.editor = (function() {
             var node = editStack[i];
             var label = node.type;
             if (node.type === '_expression') {
-                label = "Expression editor"; // TODO: nls
+                label = RED._("expressionEditor.title");
             } else if (node.type === '_json') {
-                label = "JSON editor"; // TODO: nls
+                label = RED._("jsonEditor.title");
             } else if (node.type === 'subflow') {
                 label = RED._("subflow.editSubflow",{name:node.name})
             } else if (node.type.indexOf("subflow:")===0) {

editor/sass/editor.scss

@@ -47,6 +47,7 @@
 }
 .editor-tray-body {
     position: relative;
+    box-sizing: border-box;
     form {
         margin: 20px;
     }
@@ -153,7 +154,7 @@
 
 
 .dialog-form,#dialog-form, #dialog-config-form {
-    height: 100%;
+    height: calc(100% - 20px);
 }
 
 .input-error {

nodes/core/logic/15-change.html

@@ -32,9 +32,10 @@
     <dd>move or rename a property.</dt>
     </dl>
     <h3>Details</h3>
-    <p>The "expression" option uses the <a href="http://jsonata.org/" target="_new">JSONata</a>
-    query and expression language. You can paste your data into <a href="http://try.jsonata.org/" target="_new">this site it</a>
-    to experiment and then use the expression back here.</p>
+    <p>The "expression" type uses the <a href="http://jsonata.org/" target="_new">JSONata</a>
+    query and expression language. A tool is available to test expressions against
+    real data <a href="http://try.jsonata.org/" target="_new">here</a>.
+    </p>
 </script>
 
 <script type="text/javascript">

red/api/locales/en-US/editor.json

@@ -397,6 +397,10 @@
     },
     "expressionEditor": {
         "functions": "Functions",
-        "insert": "Insert"
+        "insert": "Insert",
+        "title": "JSONata Expression editor"
+    },
+    "jsonEditor": {
+        "title": "JSON editor"
     }
 }