1
0
Fork 0
mirror of https://github.com/mperham/sidekiq.git synced 2022-11-09 13:52:34 -05:00

Fix labels to not move on mouseover

This commit is contained in:
Brandon Hilkert 2014-05-21 19:52:41 -04:00
parent c0d05b3cf1
commit f66f173731
2 changed files with 20 additions and 2 deletions

View file

@ -48,7 +48,13 @@ var realtimeGraph = function(updatePath) {
var legend = document.querySelector('#realtime-legend');
var Hover = Rickshaw.Class.create(Rickshaw.Graph.HoverDetail, {
render: function(args) {
legend.innerHTML = args.formattedXValue;
legend.innerHTML = "";
var timestamp = document.createElement('div');
timestamp.className = 'timestamp';
timestamp.innerHTML = args.formattedXValue;
legend.appendChild(timestamp);
args.detail.sort(function(a, b) { return a.order - b.order }).forEach( function(d) {
var line = document.createElement('div');
@ -149,7 +155,13 @@ var historyGraph = function() {
var legend = document.querySelector('#history-legend');
var Hover = Rickshaw.Class.create(Rickshaw.Graph.HoverDetail, {
render: function(args) {
legend.innerHTML = args.formattedXValue;
legend.innerHTML = "";
var timestamp = document.createElement('div');
timestamp.className = 'timestamp';
timestamp.innerHTML = args.formattedXValue;
legend.appendChild(timestamp);
args.detail.sort(function(a, b) { return a.order - b.order }).forEach( function(d) {
var line = document.createElement('div');

View file

@ -401,6 +401,12 @@ div.interval-slider input {
margin-top: 5px;
float: right;
}
#realtime-legend .timestamp,
#history-legend .timestamp {
display: inline-block;
width: 250px;
text-align: right;
}
#realtime-legend .line,
#history-legend .line {
display: inline-block;