From bce9c3d97d6bfb337d736a293f6fb035b3b56d3b Mon Sep 17 00:00:00 2001
From: "Abeshouse, Adam A./Sloan Kettering Institute" <abeshoua@mskcc.org>
Date: Wed, 21 Aug 2019 18:08:34 -0400
Subject: [PATCH] Column labels now align baseline to middle instead of bottom

Signed-off-by: Abeshouse, Adam A./Sloan Kettering Institute <abeshoua@mskcc.org>
---
 packages/oncoprintjs/dist/oncoprint.bundle.js         | 4 +++-
 packages/oncoprintjs/src/js/oncoprintwebglcellview.js | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/oncoprintjs/dist/oncoprint.bundle.js b/packages/oncoprintjs/dist/oncoprint.bundle.js
index 4e2c41bb85b..dc0df30d86d 100644
--- a/packages/oncoprintjs/dist/oncoprint.bundle.js
+++ b/packages/oncoprintjs/dist/oncoprint.bundle.js
@@ -33950,6 +33950,7 @@ var OncoprintWebGLCellView = (function () {
         view.column_label_ctx.fillStyle = "rgba(0,0,0,1)";
         view.column_label_ctx.font = (view.supersampling_ratio*font_size)+"px "+font_family;
         view.column_label_ctx.textAlign = "left";
+        view.column_label_ctx.textBaseline = "middle";
         for (var i=0; i<ids.length; i++) {
             if (ids[i] in labels) {
                 var x = (x_map[ids[i]] + cell_width/2 - scroll_x)*view.supersampling_ratio;
@@ -34492,7 +34493,8 @@ var OncoprintWebGLCellView = (function () {
                 "font-weight":"normal",
                 "text-anchor":"start",
                 "fill":"black",
-                "transform":"rotate("+COLUMN_LABEL_ANGLE+","+x+","+column_label_y+")"
+                "transform":"rotate("+COLUMN_LABEL_ANGLE+","+x+","+column_label_y+")",
+                "alignment-baseline":"middle"
             });
             textElt.textContent = labels[id];
             root.appendChild(textElt);
diff --git a/packages/oncoprintjs/src/js/oncoprintwebglcellview.js b/packages/oncoprintjs/src/js/oncoprintwebglcellview.js
index e120d07b178..a42d30a5153 100644
--- a/packages/oncoprintjs/src/js/oncoprintwebglcellview.js
+++ b/packages/oncoprintjs/src/js/oncoprintwebglcellview.js
@@ -489,6 +489,7 @@ var OncoprintWebGLCellView = (function () {
         view.column_label_ctx.fillStyle = "rgba(0,0,0,1)";
         view.column_label_ctx.font = (view.supersampling_ratio*font_size)+"px "+font_family;
         view.column_label_ctx.textAlign = "left";
+        view.column_label_ctx.textBaseline = "middle";
         for (var i=0; i<ids.length; i++) {
             if (ids[i] in labels) {
                 var x = (x_map[ids[i]] + cell_width/2 - scroll_x)*view.supersampling_ratio;
@@ -1031,7 +1032,8 @@ var OncoprintWebGLCellView = (function () {
                 "font-weight":"normal",
                 "text-anchor":"start",
                 "fill":"black",
-                "transform":"rotate("+COLUMN_LABEL_ANGLE+","+x+","+column_label_y+")"
+                "transform":"rotate("+COLUMN_LABEL_ANGLE+","+x+","+column_label_y+")",
+                "alignment-baseline":"middle"
             });
             textElt.textContent = labels[id];
             root.appendChild(textElt);