github/weave-scope
1
0
Fork 0
mirror of https://github.com/weaveworks/scope.git synced 2026-03-03 18:20:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move network bar above the label for now.

Browse Source 
Positioning the bar in the middle of flowing text is a bit tricky.
This commit is contained in:
Simon Howe
2016-07-12 16:09:10 +02:00
parent f46025fe10
commit 6f8dc22ca3
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
client/app/scripts/charts/node.js
View File

@@ -87,7 +87,7 @@ class Node extends React.Component {
const labelTransform = focused ? `scale(${1 / zoomScale})` : '';
const labelWidth = nodeScale(scaleFactor * 4);
const labelOffsetX = -labelWidth / 2;
const labelOffsetY = focused ? nodeScale(0.5) : nodeScale(0.5 * scaleFactor);
let labelOffsetY = focused ? nodeScale(0.5) : nodeScale(0.5 * scaleFactor);
const nodeClassName = classnames('node', {
highlighted,
@@ -99,12 +99,14 @@ class Node extends React.Component {
const labelClassName = classnames('node-label', { truncate });
const subLabelClassName = classnames('node-sublabel', { truncate });
const matchedResultsStyle = showingNetworks ? { marginTop: 6 } : null;
const NodeShapeType = getNodeShape(this.props);
const useSvgLabels = exportingGraph;
const size = nodeScale(scaleFactor);
const networkOffset = focused ? size + size * 0.10 : size + size * 0.25;
const networkOffset = nodeScale(scaleFactor * 0.65);
if (showingNetworks) {
labelOffsetY += (focused ? 12 : 8);
}
return (
<g className={nodeClassName} transform={transform}
@@ -123,8 +125,7 @@ class Node extends React.Component {
<div className={subLabelClassName}>
<MatchedText text={subLabel} match={matches.get('sublabel')} />
</div>
{!blurred && <MatchedResults matches={matches.get('metadata')}
style={matchedResultsStyle} />}
{!blurred && <MatchedResults matches={matches.get('metadata')} />}
</div>
</foreignObject>}