I started trying to customize the columns for my Clover report, but I wanted to continue to have the total coverage shown as a bar. However, when I use the following report I find that I get a short bar instead of the full size bar.

<clover-report>
<current title="DataXtend SI Coverage" outfile="${target.coverage}">
<format type="html" orderBy="ElementsUncoveredAsc"/>
<columns>
<totalClasses format="raw" scope="package"/>
<ncLineCount format="raw"/>
<uncoveredElements format="raw"/>
<totalPercentageCovered format="bar"/>
</columns>
</current>
</clover-report>

I looked at the HTML that is generated and it is clearly putting a 'width: 40px' into the bar, rather than the 'width: 200px' that the default column rendering uses. I tried using 'shortbar' instead but that behaves the same as 'bar'.

For the record, here is a snippet of the HTML generated. I'm also surprised at the '$style' in the class names here which looks like a Velocity template rendering problem, but maybe this is some HTML trick that I'm unaware of.

<td class="graphPercent $style" align="right">

<span class="sortValue">0.613381</span>
61.3%
</td>
<td class="graphBar " align="center">
<span class="sortValue">0.613381</span>
<div>
<div style="width: 40px; font-size:0px;"></div>
<div title="38.7% Not Covered" style="min-width: 40px;" class="barNegative $customBarNegative">
<div title="61.3% Covered" class="barPositive $customBarPositive" style="width: 61.3%"></div>
</div>

</div>
</td>

This is quite a serious problem for us, in that I can't use my custom columns until the issue has been fixed. I don't think my users would be happy with these shorter bars.