diff --git a/static/css/quay.css b/static/css/quay.css index 8cbb3bb25..f09ce7efc 100644 --- a/static/css/quay.css +++ b/static/css/quay.css @@ -108,6 +108,7 @@ html, body { .tooltip { word-break: normal !important; word-wrap: normal !important; + pointer-events: none; } .toggle-icon { @@ -192,12 +193,11 @@ i.toggle-icon:hover { min-height: 100%; height: auto !important; height: 100%; - margin: 0 auto -136px; + margin: 0 auto -176px; } .footer-container, .push { - height: 110px; - overflow: hidden; + height: 74px; } .footer-container.fixed { @@ -1002,12 +1002,20 @@ form input.ng-valid.ng-dirty, } .page-footer { + padding: 10px; + padding-bottom: 0px; + border-top: 1px solid #eee; +} + +.page-footer-padder { + margin-top: 76px; background-color: white; background-image: none; - padding: 10px; - padding-bottom: 40px; - margin-top: 52px; - border-top: 1px solid #eee; + + overflow: hidden; + width: 100%; + height: 80px; + padding-top: 24px; } .page-footer .row { diff --git a/static/js/graphing.js b/static/js/graphing.js index fbf5f2162..406c9bbf6 100644 --- a/static/js/graphing.js +++ b/static/js/graphing.js @@ -86,7 +86,7 @@ ImageHistoryTree.prototype.updateDimensions_ = function() { $('#' + container).removeOverscroll(); var viewportHeight = $(window).height(); var boundingBox = document.getElementById(container).getBoundingClientRect(); - document.getElementById(container).style.maxHeight = (viewportHeight - boundingBox.top - 110) + 'px'; + document.getElementById(container).style.maxHeight = (viewportHeight - boundingBox.top - 150) + 'px'; $('#' + container).overscroll(); diff --git a/templates/base.html b/templates/base.html index af71c9bde..0f8851206 100644 --- a/templates/base.html +++ b/templates/base.html @@ -106,24 +106,26 @@ var isProd = document.location.hostname === 'quay.io';