1.1 --- a/themes/mercurialweb/graph.tmpl Mon Oct 25 01:20:36 2010 +0200
1.2 +++ b/themes/mercurialweb/graph.tmpl Sun Oct 31 16:55:46 2010 +0100
1.3 @@ -31,13 +31,15 @@
1.4
1.5 <div class="pager">{changenav%graphpagerlink}</div>
1.6
1.7 -<div class="graph">
1.8 -<ul class="graph" style="width:100%; height:{canvasheight}px; padding-left:{canvaswidth}px;">
1.9 +<div class="graph" style="padding-left:{canvaswidth}px;">
1.10 +<table class="graph" style="width:100%; height:{canvasheight}px;">
1.11 + <tbody>
1.12 {svgdata%graphlabel}
1.13 -</ul>
1.14 + </tbody>
1.15 +</table>
1.16 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
1.17 - style="width:100%; height:{canvasheight}px; position:absolute; top:0; left:0; z-index:-1;">
1.18 -<g transform="scale({bg_height}) translate(0.5 0.25)">
1.19 + style="width:{canvaswidth}px; height:{canvasheight}px; position:absolute; top:0; left:0; z-index:-1;">
1.20 +<g transform="scale({bg_height}) translate(0.5 0.5)">
1.21 {svgdata%graphnode}
1.22 </g>
1.23 </svg>
2.1 --- a/themes/mercurialweb/graphlabel.tmpl Mon Oct 25 01:20:36 2010 +0200
2.2 +++ b/themes/mercurialweb/graphlabel.tmpl Sun Oct 31 16:55:46 2010 +0100
2.3 @@ -1,1 +1,7 @@
2.4 -<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>
2.5 +<tr id="{node|short}" style="min-height:{bg_height}px; max-height:{bg_height}px;">
2.6 + <td class="graphlabel">{age}</td>
2.7 + <td class="graphlabel">{user}</td>
2.8 + <td class="graphlabel navigation"><a href="{url}file/{node|short}{sessionvars%urlparameter}">files</a></td>
2.9 + <td class="graphlabel"><a href="{url}rev/{node|short}{sessionvars%urlparameter}">{desc|strip|firstline|escape}</a></td>
2.10 + <td class="graphlabel">{branches%branchtag}{inbranch%inbranchtag}{tags%tagtag}</td>
2.11 +</tr>
3.1 --- a/themes/mercurialweb/graphnode.tmpl Mon Oct 25 01:20:36 2010 +0200
3.2 +++ b/themes/mercurialweb/graphnode.tmpl Sun Oct 31 16:55:46 2010 +0100
3.3 @@ -1,2 +1,3 @@
3.4 +<line x1="{col}" y1="{row}" x2="{cols}" y2="{row}" class="graphmarker" />
3.5 <circle cx="{col}" cy="{row}" r="0.25" class="graphcolour-{color}" />
3.6 {edges%graphedge}
4.1 --- a/themes/mercurialweb/static/style-mercurialweb.css Mon Oct 25 01:20:36 2010 +0200
4.2 +++ b/themes/mercurialweb/static/style-mercurialweb.css Sun Oct 31 16:55:46 2010 +0100
4.3 @@ -427,13 +427,18 @@
4.4 position: relative;
4.5 }
4.6
4.7 -ul.graph {
4.8 - list-style: none;
4.9 +table.graph {
4.10 + margin: 0;
4.11 padding: 0;
4.12 + border-collapse: collapse;
4.13 }
4.14
4.15 .graphlabel {
4.16 + vertical-align: middle;
4.17 white-space: nowrap;
4.18 + overflow: hidden;
4.19 + padding-top: 0;
4.20 + padding-bottom: 0;
4.21 }
4.22
4.23 .graphcolour-1 { fill: #d00; }
4.24 @@ -443,9 +448,11 @@
4.25 .graphcolour-5 { fill: #00d; }
4.26 .graphcolour-6 { fill: #d0d; }
4.27
4.28 -line.graphcolour-1 { stroke: #d00; stroke-width: 0.1; }
4.29 -line.graphcolour-2 { stroke: #dd0; stroke-width: 0.1; }
4.30 -line.graphcolour-3 { stroke: #0d0; stroke-width: 0.1; }
4.31 -line.graphcolour-4 { stroke: #0dd; stroke-width: 0.1; }
4.32 -line.graphcolour-5 { stroke: #00d; stroke-width: 0.1; }
4.33 -line.graphcolour-6 { stroke: #d0d; stroke-width: 0.1; }
4.34 +.graphmarker { stroke: #ddd; stroke-width: 0.02; }
4.35 +
4.36 +line.graphcolour-1 { stroke: #d00; stroke-width: 0.1; stroke-linecap: round; }
4.37 +line.graphcolour-2 { stroke: #dd0; stroke-width: 0.1; stroke-linecap: round; }
4.38 +line.graphcolour-3 { stroke: #0d0; stroke-width: 0.1; stroke-linecap: round; }
4.39 +line.graphcolour-4 { stroke: #0dd; stroke-width: 0.1; stroke-linecap: round; }
4.40 +line.graphcolour-5 { stroke: #00d; stroke-width: 0.1; stroke-linecap: round; }
4.41 +line.graphcolour-6 { stroke: #d0d; stroke-width: 0.1; stroke-linecap: round; }