Set style as well as attr for tree using attr

brinkmanlab · Sep 14, 2020 · 52853d8 · 52853d8
1 parent ffea560
commit 52853d8
Show file tree

Hide file tree

Showing 3 changed files with 70 additions and 110 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/galaxy/templates/islandcompare.mako b/galaxy/templates/islandcompare.mako
@@ -15414,7 +15414,7 @@ function MultiVis(targetNode) {
 
     if (self.newickRoot != null) {
       //Add the tree visualization container
-      var treeContainer = svg.append("g").attr("class", "treeContainer").attr("width", TREECONTAINERWIDTH).css("width", TREECONTAINERWIDTH).attr("height", this.containerHeight()).css("height", this.containerHeight()).attr("transform", "translate(" + 0 + "," + this.getTreeModPadding() + ")"); // Add the tree and listeners to the visualization
+      var treeContainer = svg.append("g").attr("class", "treeContainer").attr("width", TREECONTAINERWIDTH).attr("height", this.containerHeight()).attr("style", "width: ".concat(TREECONTAINERWIDTH, "; height: ").concat(this.containerHeight())).attr("transform", "translate(" + 0 + "," + this.getTreeModPadding() + ")"); // Add the tree and listeners to the visualization
 
       d3.phylogram.build('.treeContainer', self.newickRoot, {
         width: TREECONTAINERWIDTH,

diff --git a/src/js/genomecomparevis.js b/src/js/genomecomparevis.js
@@ -250,9 +250,8 @@ export default function MultiVis(targetNode){
             var treeContainer = svg.append("g")
                 .attr("class", "treeContainer")
                 .attr("width", TREECONTAINERWIDTH)
-                .css("width", TREECONTAINERWIDTH)
                 .attr("height", this.containerHeight())
-                .css("height", this.containerHeight())
+                .attr("style", `width: ${TREECONTAINERWIDTH}; height: ${this.containerHeight()}`)
                 .attr("transform", "translate(" + 0 + "," + (this.getTreeModPadding()) + ")");
 
             // Add the tree and listeners to the visualization