diff --git a/canvas_modules/common-canvas/src/common-canvas/common-canvas-utils.js b/canvas_modules/common-canvas/src/common-canvas/common-canvas-utils.js index f9c658633..fdf327e5f 100644 --- a/canvas_modules/common-canvas/src/common-canvas/common-canvas-utils.js +++ b/canvas_modules/common-canvas/src/common-canvas/common-canvas-utils.js @@ -1362,12 +1362,13 @@ export default class CanvasUtils { return (luma < 108); } - // Applies the outlineStyle format to the D3 comment selection passed in, - // if one exists, in the formats array passed in. + // Applies the outlineStyle format or border-xxx CSS styles to the D3 comment + // selection passed in, if one exists, in the formats array passed in. static applyOutlineStyle(commentSel, formats) { if (formats?.length > 0) { formats.forEach((f) => { - if (f.type === "outlineStyle") { // Only apply outline style to outer
+ if (f.type === "outlineStyle" || + f.type.startsWith("border")) { // Only apply outline and border style to outer
const { field, value } = CanvasUtils.convertFormat(f); commentSel.style(field, value); } @@ -1375,12 +1376,13 @@ export default class CanvasUtils { } } - // Applies all formats from the formats array, that are not outlineStyle, to the - // D3 comment selection passed in. + // Applies all formats from the formats array, that are not outlineStyle or + // border-xxx CSS styles, to the D3 comment selection passed in. static applyNonOutlineStyle(commentSel, formats) { if (formats?.length > 0) { formats.forEach((f) => { - if (f.type !== "outlineStyle") { // Only apply outline style to outer
+ if (f.type !== "outlineStyle" && + !f.type.startsWith("border")) { // Only apply outline and border style to outer
const { field, value } = CanvasUtils.convertFormat(f); commentSel.style(field, value); }