Bug 1119243 - The LineGraph should always show the gutter, even if arrows are disabled for tooltips, r=jsantell

browser/devtools/shared/test/browser_graphs-09b.js

@@ -31,8 +31,8 @@ function* performTest() {
 function* testGraph(graph) {
   yield graph.setDataWhenReady(TEST_DATA);
 
-  is(graph._gutter.hidden, true,
+  is(graph._gutter.hidden, false,
-    "The gutter should be hidden because the tooltips don't have arrows.");
+    "The gutter should be visible even if the tooltips don't have arrows.");
   is(graph._maxTooltip.hidden, false,
     "The max tooltip should not be hidden.");
   is(graph._avgTooltip.hidden, false,

browser/devtools/shared/widgets/Graphs.jsm

@@ -1456,7 +1456,7 @@ LineGraphWidget.prototype = Heritage.extend(AbstractCanvasGraph.prototype, {
     this._maxTooltip.hidden = this._showMax === false || !totalTicks || distanceMinMax < LINE_GRAPH_MIN_MAX_TOOLTIP_DISTANCE;
     this._avgTooltip.hidden = this._showAvg === false || !totalTicks;
     this._minTooltip.hidden = this._showMin === false || !totalTicks;
-    this._gutter.hidden = (this._showMin === false && this._showMax === false) || !totalTicks || !this.withTooltipArrows;
+    this._gutter.hidden = (this._showMin === false && this._showAvg === false && this._showMax === false) || !totalTicks;
 
     this._maxGutterLine.hidden = this._showMax === false;
     this._avgGutterLine.hidden = this._showAvg === false;

browser/themes/shared/devtools/widgets.inc.css

@@ -935,26 +935,14 @@
 }
 
 .line-graph-widget-tooltip[type=maximum] {
-  left: -1px;
+  left: 14px;
 }
 
 .line-graph-widget-tooltip[type=minimum] {
-  left: -1px;
+  left: 14px;
 }
 
 .line-graph-widget-tooltip[type=average] {
-  right: -1px;
-}
-
-.line-graph-widget-tooltip[type=maximum][with-arrows=true] {
-  left: 14px;
-}
-
-.line-graph-widget-tooltip[type=minimum][with-arrows=true] {
-  left: 14px;
-}
-
-.line-graph-widget-tooltip[type=average][with-arrows=true] {
   right: 4px;
 }