HTRACE-335. htrace-web: Adjust size of span widget (iwasakims)
diff --git a/htrace-webapp/src/main/webapp/app/search_results_view.js b/htrace-webapp/src/main/webapp/app/search_results_view.js
index b2fffbd..3cecf48 100644
--- a/htrace-webapp/src/main/webapp/app/search_results_view.js
+++ b/htrace-webapp/src/main/webapp/app/search_results_view.js
@@ -174,7 +174,7 @@
var partitionWidgetWidth = Math.max(5, Math.floor(this.viewX / 300));
// Create a SpanWidget for each span we know about
- var spanWidgetHeight = Math.min(25, Math.floor(this.viewY / 32));
+ var spanWidgetHeight = 16;
var numResults = this.searchResults.size();
var groupY = 0;
for (var i = 0; i < numResults; i++) {
diff --git a/htrace-webapp/src/main/webapp/app/span_widget.js b/htrace-webapp/src/main/webapp/app/span_widget.js
index f7c447a..ba70577 100644
--- a/htrace-webapp/src/main/webapp/app/span_widget.js
+++ b/htrace-webapp/src/main/webapp/app/span_widget.js
@@ -126,7 +126,7 @@
this.drawTracerId = function() {
this.ctx.save();
this.ctx.fillStyle="#000000";
- this.ctx.font = (this.ySize - 2) + "px sans-serif";
+ this.ctx.font = "14px sans-serif";
this.ctx.beginPath();
this.ctx.rect(this.x0, this.y0, this.xB - this.x0, this.ySize);
this.ctx.clip();
@@ -158,7 +158,7 @@
endX = this.xF;
}
- var gapY = 2;
+ var gapY = 1;
var epsilon = Math.max(2, Math.floor(this.xSize / 1000));
if (endX - beginX < epsilon) {
// The time interval is too narrow to see. Draw a diamond on the point instead.
@@ -192,7 +192,7 @@
// Draw description text
this.ctx.fillStyle="#000000";
- this.ctx.font = (this.ySize - gapY) + "px sans-serif";
+ this.ctx.font = "14px sans-serif";
this.ctx.fillText(this.span.get('description'),
this.xD + this.xT,
this.yF - gapY - 2);
