diff --git a/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-canvas-utils.js b/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-canvas-utils.js index 40116ca663..83a3117974 100644 --- a/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-canvas-utils.js +++ b/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-canvas-utils.js @@ -349,7 +349,7 @@ nf.CanvasUtils = (function () { .each(function () { var bBox = this.getBBox(); d3.select(this).attr('x', function () { - return d.dimensions.width - bBox.width - 2; + return d.dimensions.width - bBox.width - 4; }); }); @@ -357,7 +357,7 @@ nf.CanvasUtils = (function () { selection.select('rect.active-thread-count-background') .attr('width', function () { var bBox = activeThreadCount.node().getBBox(); - return bBox.width + 4; + return bBox.width + 8; }) .attr('x', function () { var bBox = activeThreadCount.node().getBBox(); @@ -367,7 +367,18 @@ nf.CanvasUtils = (function () { setOffset(bBox.width + 6); } - return d.dimensions.width - bBox.width - 4; + return d.dimensions.width - bBox.width - 8; + }) + .attr('stroke-dasharray', function() { + var rect = d3.select(this); + var width = parseFloat(rect.attr('width')); + var height = parseFloat(rect.attr('height')); + + var dashArray = []; + dashArray.push(0); + dashArray.push(width + height); + dashArray.push(width + height); + return dashArray.join(' '); }) .style('display', 'block'); } else { diff --git a/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-process-group.js b/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-process-group.js index 0bd522c8b4..ae42547b1e 100644 --- a/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-process-group.js +++ b/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-process-group.js @@ -565,9 +565,9 @@ nf.ProcessGroup = (function () { .attr({ 'class': 'active-thread-count-background', 'height': 13, - 'y': 2, + 'y': 0, 'fill': '#fff', - 'fill-opacity': '0.65', + 'fill-opacity': '0.4', 'stroke': '#aaa', 'stroke-width': '1' }); @@ -577,7 +577,7 @@ nf.ProcessGroup = (function () { .attr({ 'class': 'active-thread-count', 'height': 13, - 'y': 12, + 'y': 10, 'fill': '#000' }); diff --git a/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-remote-process-group.js b/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-remote-process-group.js index e55f5bbf48..6c4a30283f 100644 --- a/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-remote-process-group.js +++ b/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-remote-process-group.js @@ -512,7 +512,7 @@ nf.RemoteProcessGroup = (function () { 'height': 13, 'y': 0, 'fill': '#fff', - 'fill-opacity': '0.65', + 'fill-opacity': '0.4', 'stroke': '#aaa', 'stroke-width': '1' });