Merge pull request #2894 from rashidkpc/fix/kinder-endzones
More subtle end zones and tooltips
This commit is contained in:
commit
e812dae53c
|
@ -1,5 +1,5 @@
|
|||
<p class="vis-tooltip-header bg-warning">
|
||||
<i class="fa fa-warning"></i>
|
||||
<p class="vis-tooltip-header bg-info">
|
||||
<i class="fa fa-info-circle"></i>
|
||||
<%= wholeBucket ? 'Part of this bucket' : 'This area' %>
|
||||
is outside of the selected time range
|
||||
may contain partial data. <br> The selected time range does not fully cover it.
|
||||
</p>
|
|
@ -63,6 +63,7 @@ path {
|
|||
}
|
||||
|
||||
.endzone {
|
||||
opacity: 0.2;
|
||||
opacity: 0.05;
|
||||
fill: #000;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
|
|
@ -48,7 +48,6 @@
|
|||
.vis-tooltip-header {
|
||||
margin: 0 (@tooltip-padding * -1);
|
||||
padding: (@tooltip-padding / 2) @tooltip-padding;
|
||||
text-align: center;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: (@tooltip-padding * -1);
|
||||
|
|
|
@ -74,22 +74,6 @@ define(function (require) {
|
|||
w: xScale(xAxis.addInterval(rightStart))
|
||||
};
|
||||
|
||||
// svg diagonal line pattern
|
||||
this.pattern = svg.append('defs')
|
||||
.append('pattern')
|
||||
.attr('id', 'DiagonalLines')
|
||||
.attr('patternUnits', 'userSpaceOnUse')
|
||||
.attr('patternTransform', 'rotate(45)')
|
||||
.attr('x', '0')
|
||||
.attr('y', '0')
|
||||
.attr('width', '4')
|
||||
.attr('height', '4')
|
||||
.append('rect')
|
||||
.attr('stroke', 'none')
|
||||
.attr('fill', color)
|
||||
.attr('width', 2)
|
||||
.attr('height', 4);
|
||||
|
||||
this.endzones = svg.selectAll('.layer')
|
||||
.data([leftEndzone, rightEndzone])
|
||||
.enter()
|
||||
|
@ -104,8 +88,7 @@ define(function (require) {
|
|||
.attr('height', height - margin.top - margin.bottom)
|
||||
.attr('width', function (d) {
|
||||
return d.w;
|
||||
})
|
||||
.attr('fill', 'url(#DiagonalLines)');
|
||||
});
|
||||
|
||||
function callPlay(event) {
|
||||
var boundData = event.target.__data__;
|
||||
|
|
Loading…
Reference in a new issue