mirror of
https://github.com/weaveworks/scope.git
synced 2026-03-03 02:00:43 +00:00
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:
@@ -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);
|
||||
|
||||
|
||||
@@ -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%);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user