opendev/system-config
Code Issues Proposed changes

zuul status: add a visual hint for change headers

Browse Source 
Change headers can be clicked on to expand/collapse job details.  Add a
visual hint that the header can be clicked on by changing the background
color of the change header to be a lighter color when the mouse is over
it.

Change-Id: I24ac2347c1cfa6453754ea6d1613ad755c33fd26
This commit is contained in:
Russell Bryant 2013-12-23 13:17:17 -05:00
parent cebabb7c03
commit f4891b1946
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
modules/openstack_project/files/zuul/status.html
View File

@ -94,6 +94,9 @@ td.tree {
.change > .header > .time {
float: right;
}
.change > .hover {
background: #F3FDFF;
}
.jobwrapper {
display: table;
width: 100%;

5
modules/openstack_project/files/zuul/status.js
View File

@ -229,7 +229,10 @@ function format_change(change, change_queue) {
}
html += '<td class="change-container">';
html += '<div class="change" id="' + safe_id(change['id']) + '"><div class="header" onClick="toggle_display_jobs(this)">';
html += '<div class="change" id="' + safe_id(change['id']) + '">' +
'<div class="header" onClick="toggle_display_jobs(this)" ' +
'onmouseover="$(this).addClass(\'hover\')" ' +
'onmouseout="$(this).removeClass(\'hover\')">';
html += '<span class="project">' + change['project'] + '</span>';
var id = change['id'];