Merge pull request #2894 from rashidkpc/fix/kinder-endzones

More subtle end zones and tooltips

src/kibana/components/vislib/partials/touchdown.tmpl.html

@@ -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>

src/kibana/components/vislib/styles/_svg.less

@@ -63,6 +63,7 @@ path {
 }
 
 .endzone {
-  opacity: 0.2;
+  opacity: 0.05;
+  fill: #000;
   pointer-events: none;
 }

src/kibana/components/vislib/styles/_tooltip.less

@@ -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);

src/kibana/components/vislib/visualizations/_point_series_chart.js

@@ -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__;