#1584 Remove stroke from read-only nodes (#1585)

elyra-ai · Oct 5, 2023 · c7bbe0b · c7bbe0b
1 parent 14c6aaf
commit c7bbe0b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/canvas_modules/harness/src/client/components/custom-canvases/read-only/read-only.jsx b/canvas_modules/harness/src/client/components/custom-canvases/read-only/read-only.jsx
@@ -76,7 +76,7 @@ export default class ReadOnlyCanvas extends React.Component {
 
 	getConfig() {
 		const config = Object.assign({}, this.props.config, {
-			enableParentClass: "writable",
+			enableParentClass: "read-only",
 			enableNodeFormatType: "Vertical",
 			enableLinkType: "Straight",
 			enableLinkDirection: "LeftRight",

diff --git a/canvas_modules/harness/src/client/components/custom-canvases/read-only/read-only.scss b/canvas_modules/harness/src/client/components/custom-canvases/read-only/read-only.scss
@@ -14,14 +14,13 @@
  * limitations under the License.
  */
 
-.writable {
+.read-only {
 
 	&.config-editing-actions-false {
 		.d3-node-group {
 			& .d3-node-label,
 			& svg path {
-				color: $disabled-02;
-				stroke: $disabled-02;
+				color: $disabled-03;
 				fill: $disabled-03;
 			}
 		}

diff --git a/canvas_modules/harness/src/client/components/custom-canvases/read-only/readOnlyCanvas.json b/canvas_modules/harness/src/client/components/custom-canvases/read-only/readOnlyCanvas.json
@@ -262,9 +262,9 @@
               "x_pos": 18,
               "y_pos": 14.4,
               "width": 175,
-              "height": 76,
+              "height": 80,
               "class_name": "d3-comment-rect",
-              "content": "This canvas shows a flow of data processing nodes where enableDetachableLinks is switched on.",
+              "content": "This canvas allows the user to switch between edit, read-only and locked mode. Click the icons the toolbar.",
               "associated_id_refs": []
             }
           ]