#17 long urls breaks td, temporary solution

This commit is contained in:
Peter Hedenskog 2012-08-23 15:46:22 +02:00
parent da39d87389
commit 57addc0af8
3 changed files with 24 additions and 17 deletions

View File

@ -27,6 +27,11 @@
line-height: 38px;
font-weight:bold;
}
.nobreak {
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
</style>
<link rel="shortcut icon" href="img/favicon.png">

View File

@ -1,4 +1,3 @@
#parse("report/velocity/header.vm")
<div class="row">
<div class="span12">
@ -9,6 +8,7 @@
</h2>
<h3>Yslow scores below 100</h3>
<table class="table table-condensed table-striped table-bordered" >
<thead>
<tr>
@ -27,7 +27,7 @@
<td>$message.getName()</td>
<td>$message.getChild("score").getValue()</td>
<td>$message.getChild("message").getValue()</td>
<td>
<td class="nobreak" style="max-width: 450px;">
#foreach ($item in $message.getChild("components").getChildren("item"))
<p>$item.getValue()</p>
#end
@ -39,6 +39,7 @@
</tbody>
</table>
<h3>Page assets</h3>
<table class="table table-condensed table-striped table-bordered">
<thead>
@ -52,17 +53,16 @@
#foreach ($asset in $document.getRootElement().getChild("comps").getChildren())
<tr>
<td>
<a href="$asset.getChild("url").getValue()" target="_blank">$asset.getChild("url").getValue()</a>
<a rel="tooltip" target="_blank" data-placement="right" data-html="true" href="$asset.getChild("url").getValue()" data-original-title="Response headers: <br/>
#foreach ($response in $asset.getChild("headers").getChild("response").getChildren())
<td class="nobreak" style="max-width: 500px;">
<a rel="tooltip" target="_blank" data-placement="right" data-html="true" href="$asset.getChild("url").getValue()" data-original-title="Response headers: <br/>
#foreach ($response in $asset.getChild("headers").getChild("response").getChildren())
$esc.html($response.getName()) : $esc.html($response.getValue())
<br/>
#end
"> <i class="icon-info-sign"></i>
</a>
<br/>
#end
"><i class="icon-zoom-in"></i></a>
</td>
<a href="$asset.getChild("url").getValue()" title="$asset.getChild("url").getValue()" target="_blank">$asset.getChild("url").getValue()</a></td>
<td>$asset.getChild("type").getValue()</td>
<td>$asset.getChild("size").getValue()</td>

View File

@ -79,18 +79,20 @@
#set($yslow = $results.getChild("o").getValue())
<tr>
<td>
<td class="nobreak" style="max-width: 280px;">
#set($file = $results.getAttribute("filename").getValue())
#set($file = $file.concat(".html"))
<a href="pages/$file" title="See all page data ">$results.getChild("u").getValue()</a>
<a rel="tooltip" data-placement="right" data-html="true" href="pages/$file" data-original-title="Response headers: <br/>
<a rel="tooltip" data-placement="right" data-html="true" href="pages/$file" data-original-title="Response headers: <br/>
#foreach ($response in $results.getChild("comps").getChild("item").getChild("headers").getChild("response").getChildren())
$esc.html($response.getName()) : $esc.html($response.getValue())
<br/>
#end
#end
"> <i class="icon-zoom-in"></i>
</a>
</td>
</a>
<a href="pages/$file" title="$results.getChild("u").getValue()">$results.getChild("u").getValue()</a>
</td>
<td>
#if($!{results.getChild("stats").getChild("js").getChild("r")})
$results.getChild("stats").getChild("js").getChild("r").getValue()