diff --git a/static/css/quay.css b/static/css/quay.css index 919c0ddc9..9f18fb872 100644 --- a/static/css/quay.css +++ b/static/css/quay.css @@ -2411,12 +2411,19 @@ p.editable:hover i { text-align: center; } -#image-history-container .tags .tag, #confirmdeleteTagModal .tag { +.tags .tag, #confirmdeleteTagModal .tag { border-radius: 10px; margin-right: 4px; cursor: pointer; } +.tooltip-tags { + display: block; + margin-top: 10px; + border-top: 1px dotted #aaa; + padding-top: 10px; +} + #changes-tree-container { overflow: hidden; } diff --git a/static/js/graphing.js b/static/js/graphing.js index d8bb2e5ff..65a11a265 100644 --- a/static/js/graphing.js +++ b/static/js/graphing.js @@ -222,7 +222,17 @@ ImageHistoryTree.prototype.draw = function(container) { if (d.image.command && d.image.command.length) { html += '' + formatCommand(d.image) + ''; } - html += '' + formatTime(d.image.created) + ''; + html += '' + formatTime(d.image.created) + ''; + + var tags = d.tags || []; + html += ''; + for (var i = 0; i < tags.length; ++i) { + var tag = tags[i]; + var kind = 'default'; + html += '' + tag + ''; + } + html += ''; + return html; }) @@ -709,7 +719,7 @@ ImageHistoryTree.prototype.update_ = function(source) { if (tag == currentTag) { kind = 'success'; } - html += '' + tag + ''; + html += '' + tag + ''; } return html; }); @@ -1686,7 +1696,7 @@ LogUsageChart.prototype.draw = function(container, logData, startDate, endDate) .duration(500) .call(chart); - nv.utils.windowResize(chart.update); + nv.utils.windoweResize(chart.update); chart.multibar.dispatch.on('elementClick', function(e) { that.handleElementClicked_(e); }); chart.dispatch.on('stateChange', function(e) { that.handleStateChange_(e); });