changeset 5385:b8734b428786

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.
author Mads Kiilerich <madski@unity3d.com>
date Tue, 11 Aug 2015 12:39:07 +0200
parents 99d29f43bdd1
children 982deaaef275
files kallithea/templates/changelog/changelog.html kallithea/templates/compare/compare_cs.html kallithea/templates/pullrequests/pullrequest_show.html
diffstat 3 files changed, 3 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/templates/changelog/changelog.html	Tue Aug 11 12:39:07 2015 +0200
+++ b/kallithea/templates/changelog/changelog.html	Tue Aug 11 12:39:07 2015 +0200
@@ -71,7 +71,7 @@
                 <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 ''}">
 
--- a/kallithea/templates/compare/compare_cs.html	Tue Aug 11 12:39:07 2015 +0200
+++ b/kallithea/templates/compare/compare_cs.html	Tue Aug 11 12:39:07 2015 +0200
@@ -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;">
--- a/kallithea/templates/pullrequests/pullrequest_show.html	Tue Aug 11 12:39:07 2015 +0200
+++ b/kallithea/templates/pullrequests/pullrequest_show.html	Tue Aug 11 12:39:07 2015 +0200
@@ -173,7 +173,7 @@
               %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):