Make skill wheel responsive #3037

5 years ago · ed2081254c
parent e5e0685224
commit ed2081254c
1 changed files with 3 additions and 2 deletions
--- a/main/template/default/skill/skill_wheel.js.tpl
+++ b/main/template/default/skill/skill_wheel.js.tpl
@ -451,8 +451,9 @@ function load_nodes(load_skill_id, main_depth, extra_parent_id) {
    /* Append an element "svg" to the #vis section */
    var vis = div.append("svg")
    //.attr("class", "Blues")
-    .attr("width", w + padding * 2)
-    .attr("height", h + padding * 2)
+    .attr("width", '100%')
+    .attr("height", '100%')
+    .attr('viewBox', '0 0 ' + (w + padding * 2) + ' ' + (h + padding * 2))
    .append("g")
    .attr("transform", "translate(" + (r + padding) + "," + (r/reduce_top + padding) + ")");