# HG changeset patch
# User Mads Kiilerich <madski@unity3d.com>
# Date 2015-08-11 12:39:07
# Node ID b8734b4287865ac361cd71d8b670e7fec006aca0
# Parent  99d29f43bdd18fb8a490aa1666b84864b0a115e9

graphs: set initial canvas size to 0

The canvas will be set to the right size when the page has loaded. Until the
page has been loaded, Chrome has been seen to set the canvas to be so wide that
it would cover other visible links, thus preventing navigating away from the
page before it has been fully loaded.

This will make sure the canvas never takes up more space than intended.

diff --git a/kallithea/templates/changelog/changelog.html b/kallithea/templates/changelog/changelog.html
--- a/kallithea/templates/changelog/changelog.html
+++ b/kallithea/templates/changelog/changelog.html
@@ -71,7 +71,7 @@ ${self.repo_context_bar('changelog', c.f
                 <div id="changelog" style="clear:both">
 
                 <div id="graph_nodes">
-                    <canvas id="graph_canvas"></canvas>
+                    <canvas id="graph_canvas" style="width:0"></canvas>
                 </div>
                 <div id="graph_content" style="${'margin: 0px' if c.changelog_for_path else ''}">
 
diff --git a/kallithea/templates/compare/compare_cs.html b/kallithea/templates/compare/compare_cs.html
--- a/kallithea/templates/compare/compare_cs.html
+++ b/kallithea/templates/compare/compare_cs.html
@@ -11,7 +11,7 @@
     %endif
 
     <div id="graph_nodes">
-        <canvas id="graph_canvas"></canvas>
+        <canvas id="graph_canvas" style="width:0"></canvas>
     </div>
 
     <div id="graph_content_pr" style="margin-left: 100px;">
diff --git a/kallithea/templates/pullrequests/pullrequest_show.html b/kallithea/templates/pullrequests/pullrequest_show.html
--- a/kallithea/templates/pullrequests/pullrequest_show.html
+++ b/kallithea/templates/pullrequests/pullrequest_show.html
@@ -173,7 +173,7 @@ ${self.repo_context_bar('showpullrequest
               %if c.avail_revs:
               <div id="updaterevs" style="max-height:200px; overflow-y:auto; overflow-x:hidden; margin-bottom: 10px">
                 <div style="height:0">
-                  <canvas id="avail_graph_canvas"></canvas>
+                  <canvas id="avail_graph_canvas" style="width:0"></canvas>
                 </div>
                 <table id="updaterevs-table" class="noborder" style="padding-left:50px">
                   %for cnt, cs in enumerate(c.avail_cs):