Bug 1431947 - Remove the edge around the flex basis highlight. r=gl
MozReview-Commit-ID: EnMtsAganyG
--- a/devtools/server/actors/highlighters/flexbox.js
+++ b/devtools/server/actors/highlighters/flexbox.js
@@ -33,17 +33,16 @@ const FLEXBOX_LINES_PROPERTIES = {
lineDash: [0, 0]
}
};
const FLEXBOX_CONTAINER_PATTERN_WIDTH = 14; // px
const FLEXBOX_CONTAINER_PATTERN_HEIGHT = 14; // px
const FLEXBOX_CONTAINER_PATTERN_LINE_DISH = [5, 3]; // px
const BASIS_FILL_COLOR = "rgb(109, 184, 255, 0.4)";
-const BASIS_EDGE_COLOR = "#6aabed";
/**
* Cached used by `FlexboxHighlighter.getFlexContainerPattern`.
*/
const gCachedFlexboxPattern = new Map();
const FLEXBOX = "flexbox";
@@ -318,19 +317,17 @@ class FlexboxHighlighter extends AutoRef
if (basis.endsWith("px")) {
right = left + parseFloat(basis);
} else if (basis.endsWith("%")) {
basis = parseFloat(basis) / 100 * boundsWidth;
right = left + basis;
}
this.ctx.fillStyle = BASIS_FILL_COLOR;
- this.ctx.strokeStyle = BASIS_EDGE_COLOR;
drawRect(this.ctx, left, top, right, bottom, this.currentMatrix);
- this.ctx.stroke();
this.ctx.fill();
}
renderFlexItems() {
if (!this.currentQuads.content || !this.currentQuads.content[0]) {
return;
}