Fixes top of node-blue-search-highlight from being chopped off.

- Increase line height so that it doesn't fall over the side of the
  container (which is overflow: hidden).
- Compensate for line-height increase w/ small label position tweak.
This commit is contained in:
Simon Howe
2016-08-18 14:50:37 +02:00
parent 86101764b6
commit e73440e9f1
2 changed files with 2 additions and 4 deletions

View File

@@ -93,7 +93,7 @@ class Node extends React.Component {
const truncate = !focused && !hovered;
const labelWidth = nodeScale(scaleFactor * 3);
const labelOffsetX = -labelWidth / 2;
const labelDy = (showingNetworks && networks) ? 0.75 : 0.60;
const labelDy = (showingNetworks && networks) ? 0.70 : 0.55;
const labelOffsetY = nodeScale(labelDy * scaleFactor);
const networkOffset = nodeScale(scaleFactor * 0.67);

View File

@@ -361,7 +361,6 @@ h2 {
// stroke-width: 4px;
}
.node-label,
.node-sublabel {
line-height: 125%;
}
@@ -371,7 +370,6 @@ h2 {
}
.node-label-wrapper {
//
// Base line height doesn't hop across foreignObject =/
//
@@ -400,10 +398,10 @@ h2 {
.node-label, .node-sublabel {
span {
padding: 0 0.25em;
border-radius: 2px;
}
span:not(.match) {
padding: 0 0.25em;
background-color: fade(@background-average-color, 70%);
}
}