diff --git a/src/L.Control.Heightgraph.css b/src/L.Control.Heightgraph.css index 13212c4..f059e92 100755 --- a/src/L.Control.Heightgraph.css +++ b/src/L.Control.Heightgraph.css @@ -1,5 +1,5 @@ .heightgraph-container { - background-color: #FFF; + background-color: rgba(250,250,250,.8); border-radius: 10px; display: none; cursor: default; @@ -36,8 +36,6 @@ } .border-top { - stroke-width: 1; - stroke: #999; fill: none; } @@ -52,7 +50,7 @@ } .tick, .tick text { - fill: #999; + fill: #000; pointer-events: none; } @@ -66,7 +64,6 @@ fill: none; stroke-width: 2px; shape-rendering: crispEdges; - stroke: lightgrey; pointer-events: none; } @@ -115,6 +112,10 @@ stroke-width: 1px; } +.mouse-height-box-text{ + font-size: 12px; +} + .grid .tick { pointer-events: none; } diff --git a/src/L.Control.Heightgraph.js b/src/L.Control.Heightgraph.js index cabdbdb..14b82b2 100755 --- a/src/L.Control.Heightgraph.js +++ b/src/L.Control.Heightgraph.js @@ -406,11 +406,11 @@ L.Control.Heightgraph = L.Control.extend({ this._mouseHeightFocusLabelTextElev.attr("x", layerpoint.x + 5) .attr("y", normalizedY + 12) .text(height + " m") - .attr("class", "tspan"); + .attr("class", "tspan mouse-height-box-text"); this._mouseHeightFocusLabelTextType.attr("x", layerpoint.x + 5) .attr("y", normalizedY + 24) .text(type) - .attr("class", "tspan"); + .attr("class", "tspan mouse-height-box-text"); var maxWidth = this._dynamicBoxSize('text.tspan')[1]; // box size should change for profile none (no type) var maxHeight = (type === "") ? 12 + 6 : 2 * 12 + 6; @@ -693,6 +693,7 @@ L.Control.Heightgraph = L.Control.extend({ .attr('class', 'x axis') .call(this._xAxis); this._svg.append('g') + .attr("transform", "translate(-2,0)") .attr('class', 'y axis') .call(this._yAxis); },