# HG changeset patch
# User Paul Boddie <paul@boddie.org.uk>
# Date 1288540546 -3600
# Node ID 32595dbcb16b723202b132fca3a9fbb80d54087b
# Parent  a19ba5e3e9f06ff5d7f785c3ebea5bf22e67c698
Trying out a table-based view of the log information.
Added horizontal rules in the graph.

diff -r a19ba5e3e9f0 -r 32595dbcb16b themes/mercurialweb/graph.tmpl
--- a/themes/mercurialweb/graph.tmpl	Mon Oct 25 01:20:36 2010 +0200
+++ b/themes/mercurialweb/graph.tmpl	Sun Oct 31 16:55:46 2010 +0100
@@ -31,13 +31,15 @@
 
 <div class="pager">{changenav%graphpagerlink}</div>
 
-<div class="graph">
-<ul class="graph" style="width:100%; height:{canvasheight}px; padding-left:{canvaswidth}px;">
+<div class="graph" style="padding-left:{canvaswidth}px;">
+<table class="graph" style="width:100%; height:{canvasheight}px;">
+  <tbody>
 {svgdata%graphlabel}
-</ul>
+  </tbody>
+</table>
 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
- style="width:100%; height:{canvasheight}px; position:absolute; top:0; left:0; z-index:-1;">
-<g transform="scale({bg_height}) translate(0.5 0.25)">
+ style="width:{canvaswidth}px; height:{canvasheight}px; position:absolute; top:0; left:0; z-index:-1;">
+<g transform="scale({bg_height}) translate(0.5 0.5)">
 {svgdata%graphnode}
 </g>
 </svg>
diff -r a19ba5e3e9f0 -r 32595dbcb16b themes/mercurialweb/graphlabel.tmpl
--- a/themes/mercurialweb/graphlabel.tmpl	Mon Oct 25 01:20:36 2010 +0200
+++ b/themes/mercurialweb/graphlabel.tmpl	Sun Oct 31 16:55:46 2010 +0100
@@ -1,1 +1,7 @@
-<li class="graphlabel" style="height:{bg_height}px;"><a href="{url}rev/{node|short}{sessionvars%urlparameter}">{desc|strip|firstline|escape}</a> {user} {age} {branches%branchtag}{inbranch%inbranchtag}{tags%tagtag}</li>
+<tr id="{node|short}" style="min-height:{bg_height}px; max-height:{bg_height}px;">
+  <td class="graphlabel">{age}</td>
+  <td class="graphlabel">{user}</td>
+  <td class="graphlabel navigation"><a href="{url}file/{node|short}{sessionvars%urlparameter}">files</a></td>
+  <td class="graphlabel"><a href="{url}rev/{node|short}{sessionvars%urlparameter}">{desc|strip|firstline|escape}</a></td>
+  <td class="graphlabel">{branches%branchtag}{inbranch%inbranchtag}{tags%tagtag}</td>
+</tr>
diff -r a19ba5e3e9f0 -r 32595dbcb16b themes/mercurialweb/graphnode.tmpl
--- a/themes/mercurialweb/graphnode.tmpl	Mon Oct 25 01:20:36 2010 +0200
+++ b/themes/mercurialweb/graphnode.tmpl	Sun Oct 31 16:55:46 2010 +0100
@@ -1,2 +1,3 @@
+<line x1="{col}" y1="{row}" x2="{cols}" y2="{row}" class="graphmarker" />
 <circle cx="{col}" cy="{row}" r="0.25" class="graphcolour-{color}" />
 {edges%graphedge}
diff -r a19ba5e3e9f0 -r 32595dbcb16b themes/mercurialweb/static/style-mercurialweb.css
--- a/themes/mercurialweb/static/style-mercurialweb.css	Mon Oct 25 01:20:36 2010 +0200
+++ b/themes/mercurialweb/static/style-mercurialweb.css	Sun Oct 31 16:55:46 2010 +0100
@@ -427,13 +427,18 @@
     position: relative;
 }
 
-ul.graph {
-    list-style: none;
+table.graph {
+    margin: 0;
     padding: 0;
+    border-collapse: collapse;
 }
 
 .graphlabel {
+    vertical-align: middle;
     white-space: nowrap;
+    overflow: hidden;
+    padding-top: 0;
+    padding-bottom: 0;
 }
 
 .graphcolour-1 { fill: #d00; }
@@ -443,9 +448,11 @@
 .graphcolour-5 { fill: #00d; }
 .graphcolour-6 { fill: #d0d; }
 
-line.graphcolour-1 { stroke: #d00; stroke-width: 0.1; }
-line.graphcolour-2 { stroke: #dd0; stroke-width: 0.1; }
-line.graphcolour-3 { stroke: #0d0; stroke-width: 0.1; }
-line.graphcolour-4 { stroke: #0dd; stroke-width: 0.1; }
-line.graphcolour-5 { stroke: #00d; stroke-width: 0.1; }
-line.graphcolour-6 { stroke: #d0d; stroke-width: 0.1; }
+.graphmarker { stroke: #ddd; stroke-width: 0.02; }
+
+line.graphcolour-1 { stroke: #d00; stroke-width: 0.1; stroke-linecap: round; }
+line.graphcolour-2 { stroke: #dd0; stroke-width: 0.1; stroke-linecap: round; }
+line.graphcolour-3 { stroke: #0d0; stroke-width: 0.1; stroke-linecap: round; }
+line.graphcolour-4 { stroke: #0dd; stroke-width: 0.1; stroke-linecap: round; }
+line.graphcolour-5 { stroke: #00d; stroke-width: 0.1; stroke-linecap: round; }
+line.graphcolour-6 { stroke: #d0d; stroke-width: 0.1; stroke-linecap: round; }