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

Fix labels to not move on mouseover

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

16
web/assets/javascripts/dashboard.js
View file

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

6
web/assets/stylesheets/application.css
View file

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