diff --git a/client/app/scripts/charts/node-shape-hex.js b/client/app/scripts/charts/node-shape-hex.js
index 5878544ed..71b351b10 100644
--- a/client/app/scripts/charts/node-shape-hex.js
+++ b/client/app/scripts/charts/node-shape-hex.js
@@ -24,7 +24,7 @@ function getPoints(h) {
}
-export default function NodeShapeHex({highlighted, size, color}) {
+export default function NodeShapeHex({onlyHighlight, highlighted, size, color}) {
const pathProps = (v) => {
return {
d: getPoints(size * v * 2),
@@ -32,10 +32,19 @@ export default function NodeShapeHex({highlighted, size, color}) {
};
};
+ const hightlightNode = ;
+
+ if (onlyHighlight) {
+ return (
+
+ {highlighted && hightlightNode}
+
+ );
+ }
+
return (
- {highlighted &&
- }
+ {highlighted && hightlightNode}
diff --git a/client/app/scripts/charts/node-shape-square.js b/client/app/scripts/charts/node-shape-square.js
index 286fa176d..ea1c1507e 100644
--- a/client/app/scripts/charts/node-shape-square.js
+++ b/client/app/scripts/charts/node-shape-square.js
@@ -1,6 +1,6 @@
import React from 'react';
-export default function NodeShapeSquare({highlighted, size, color, rx = 0, ry = 0}) {
+export default function NodeShapeSquare({onlyHighlight, highlighted, size, color, rx = 0, ry = 0}) {
const rectProps = (v) => {
return {
width: v * size * 2,
@@ -11,11 +11,19 @@ export default function NodeShapeSquare({highlighted, size, color, rx = 0, ry =
};
};
+ const hightlightNode = ;
+
+ if (onlyHighlight) {
+ return (
+
+ {highlighted && hightlightNode}
+
+ );
+ }
+
return (
- {highlighted &&
- }
-
+ {highlighted && hightlightNode}
diff --git a/client/app/scripts/charts/node-shape-stack.js b/client/app/scripts/charts/node-shape-stack.js
index 031fa50cb..92df91031 100644
--- a/client/app/scripts/charts/node-shape-stack.js
+++ b/client/app/scripts/charts/node-shape-stack.js
@@ -1,19 +1,29 @@
import React from 'react';
import _ from 'lodash';
-export default function NodeShapeCircleStack(props) {
+export default function NodeShapeStack(props) {
const propsNoHighlight = _.clone(props);
const Shape = props.shape;
delete propsNoHighlight.highlighted;
+ const propsOnlyHighlight = Object.assign({}, props, {onlyHighlight: true});
+ const [dx, dy] = [0, 6];
+ const ds = 0.075;
+ const dsx = (props.size * 2 + dx) / (props.size * 2);
+ const dsy = (props.size * 2 + dy) / (props.size * 2);
+ const hls = [dsx, dsy];
+
return (
-
-
+
+
-
-
+
+
+
+
+
);
}
diff --git a/client/app/styles/main.less b/client/app/styles/main.less
index 1391d1ab7..62dffa8b9 100644
--- a/client/app/styles/main.less
+++ b/client/app/styles/main.less
@@ -304,7 +304,7 @@ h2 {
}
g.stack g.shape .border {
- stroke-width: 2px;
+ stroke-width: @node-border-stroke-width - 1;
}
g.node {