Tweak job layout css in status page

Make the job lines fit better with long job names

Change-Id: I368bc17848aef5b6d2febf1b228a2f97837bcdc3
This commit is contained in:
Joshua Hesketh 2014-04-01 13:11:53 +11:00
parent 5caf4f634a
commit 9e6ce5394a
2 changed files with 30 additions and 9 deletions

View File

@ -122,21 +122,34 @@
format: {
job: function(job) {
var $job_line;
var $job_line = $('<span />');
if (job.url !== null) {
$job_line = $('<a href="' + job.url + '" />');
$job_line.append(
$('<a />')
.addClass('zuul-job-name')
.attr('href', job.url)
.text(job.name)
);
}
else{
$job_line = $('<span />');
else {
$job_line.append(
$('<span />')
.addClass('zuul-job-name')
.text(job.name)
);
}
$job_line.text(job.name)
.append(zuul.format.job_status(job));
$job_line.append(zuul.format.job_status(job));
if (job.voting === false) {
$job_line.append(
$(' <small />').text(' (non-voting)')
$(' <small />')
.addClass('zuul-non-voting-desc')
.text(' (non-voting)')
);
}
return $job_line;
},

View File

@ -34,7 +34,7 @@ under the License.
float: right;
width: 70px;
height: 15px;
margin: 0;
margin: 2px 0 0 0;
}
.zuul-change-total-result {
@ -63,7 +63,15 @@ under the License.
}
.zuul-change-job {
padding: 5px 10px;
padding: 2px 8px;
}
.zuul-job-name {
font-size: small;
}
.zuul-non-voting-desc {
font-size: smaller;
}
</style>