Doubled velocity graph width (temporary till better sol'n)

jrg94 · Mar 21, 2019 · 1b6a6ce · 1b6a6ce
1 parent c37c4a8
commit 1b6a6ce
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/midiviz/prototype/dashboard.css b/midiviz/prototype/dashboard.css
@@ -105,6 +105,9 @@ div.graph-disabled {
   grid-column: 2 / 4;
   grid-row: 1;
   display: grid;
+}
+
+.graph-pane {
   overflow-y: scroll;
 }
 

diff --git a/midiviz/prototype/dashboard.js b/midiviz/prototype/dashboard.js
@@ -90,7 +90,7 @@ function graphNotes() {
     .attr("transform", "translate(" + padding + ", 0)")
     .call(d3.axisLeft(yNoteScale));
 
-  drawTitle(svg, width / 2, height / 2, padding, "Notes Played");
+  drawTitle(svg, width / 2, height, padding, "Notes Played");
 
   svg.append("g")
     .selectAll("g")
@@ -170,7 +170,7 @@ function getNotesMapping() {
 function graphVelocity() {
   var svg = d3.select("#velocity-over-time");
 
-  var width = d3.select(".velocity-over-time-graph-pane").node().getBoundingClientRect().width;
+  var width = d3.select(".velocity-over-time-graph-pane").node().getBoundingClientRect().width * 2;
   var height = d3.select(".velocity-over-time-graph-pane").node().getBoundingClientRect().height;
   var padding = 60;
 
@@ -220,7 +220,7 @@ function graphVelocity() {
     .style("mix-blend-mode", "multiply")
     .attr("d", line);
 
-  drawTitle(svg, width, height, padding, "Note Velocity");
+  drawTitle(svg, width / 2, height, padding, "Note Velocity");
 }
 
 /**