Use '<span>' instead '<div>'

https://bugzilla.gnome.org/show_bug.cgi?id=720886
This commit is contained in:
Techlive Zheng 2013-12-09 01:18:19 +08:00
parent 65362c990d
commit ac5edaa4a5
2 changed files with 8 additions and 10 deletions

View file

@ -128,7 +128,7 @@ function diff_file(file, lnstate, data)
var addedp = Math.floor(added / total * 100);
var removedp = 100 - addedp;
var stats = '<div class="expander">-</div><div class="stats"><span class="number">' + (added + removed) + '</span><span class="bar"><span class="added" style="width: ' + addedp + '%;"></span><span class="removed" style="width: ' + removedp + '%;"></span></span></div>';
var stats = '<span class="expander">-</span><span class="stats"><span class="number">' + (added + removed) + '</span><span class="bar"><span class="added" style="width: ' + addedp + '%;"></span><span class="removed" style="width: ' + removedp + '%;"></span></span></span>';
if (data.settings.staged || data.settings.unstaged)
{

View file

@ -98,9 +98,7 @@ div.file tr.file_header td {
background: #d3d7cf;
}
div.expander {
float:left;
span.expander {
background-color: #ececec;
border-radius: 5px;
box-shadow: 1px 1px #ccc inset;
@ -117,7 +115,7 @@ tbody.collapsed > :not(.file_header) {
display:none;
}
div.stats {
span.stats {
width: 75px;
background-color: #ececec;
padding: 3px;
@ -128,27 +126,27 @@ div.stats {
vertical-align: middle;
}
div.stats .number, div.stats .bar {
span.stats .number, span.stats .bar {
display: table-cell;
vertical-align: middle;
}
div.stats .bar {
span.stats .bar {
width: 100%;
padding: 0px 0px 0px 6px;
}
div.stats .added, div.stats .removed {
span.stats .added, span.stats .removed {
height: 5px;
float: left;
display: block;
}
div.stats .added {
span.stats .added {
background-color: #33cc33;
}
div.stats .removed {
span.stats .removed {
background-color: #cc3333;
}