Don't enlarge focused nodes.

- Calculate size based on number of nodes that come up into the
  selection area.
This commit is contained in:
Simon Howe
2016-04-11 15:11:03 +02:00
parent 46caf29e74
commit b9ce725561
3 changed files with 5 additions and 3 deletions

View File

@@ -11,7 +11,7 @@ export default class NodeContainer extends React.Component {
render() {
const { dx, dy, focused, layoutPrecision, zoomScale } = this.props;
const animConfig = [80, 20]; // stiffness, damping
const scaleFactor = focused ? (2 / zoomScale) : 1;
const scaleFactor = focused ? (1 / zoomScale) : 1;
const other = _.omit(this.props, 'dx', 'dy');
return (

View File

@@ -55,9 +55,11 @@ export default class Node extends React.Component {
}
render() {
const { blurred, focused, highlighted, label, nodeScale, pseudo, rank,
const { blurred, focused, highlighted, label, pseudo, rank,
subLabel, scaleFactor, transform, zoomScale } = this.props;
const nodeScale = focused ? this.props.selectedNodeScale : this.props.nodeScale;
const color = getNodeColor(rank, label, pseudo);
const labelText = ellipsis(label, 14, nodeScale(4 * scaleFactor));
const subLabelText = ellipsis(subLabel, 12, nodeScale(4 * scaleFactor));

View File

@@ -270,7 +270,7 @@ export default class NodesChart extends React.Component {
});
// auto-scale node size for selected nodes
const selectedNodeScale = this.getNodeScale(props);
const selectedNodeScale = this.getNodeScale(Object.assign({}, props, {nodes: adjacentNodes}));
return {
selectedNodeScale,