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'; </div> <div class="footer-container" ng-class="fixFooter ? 'fixed' : ''"> - <nav class="page-footer visible-lg visible-md"> - <div class="row"> - <div class="col-md-7"> - <ul> - <li><span class="copyright">©2013 DevTable, LLC</span></li> - <li><a href="http://blog.devtable.com/">Blog</a></li> - <li><a href="/tos" target="_self">Terms of Service</a></li> - <li><a href="/privacy" target="_self">Privacy Policy</a></li> - <li><a href="/security/">Security</a></li> - <li><b><a href="mailto:support@quay.io">Contact Support</a></b></li> - </ul> - </div> + <div class="page-footer-padder"> + <nav class="page-footer visible-lg visible-md"> + <div class="row"> + <div class="col-md-7"> + <ul> + <li><span class="copyright">©2013 DevTable, LLC</span></li> + <li><a href="http://blog.devtable.com/">Blog</a></li> + <li><a href="/tos" target="_self">Terms of Service</a></li> + <li><a href="/privacy" target="_self">Privacy Policy</a></li> + <li><a href="/security/">Security</a></li> + <li><b><a href="mailto:support@quay.io">Contact Support</a></b></li> + </ul> + </div> - <div class="col-md-5 logo-container"> - <a href="https://devtable.com"><img class="dt-logo" src="/static/img/dt-logo.png"></a> - </div> - </div> <!-- row --> - </nav> + <div class="col-md-5 logo-container"> + <a href="https://devtable.com"><img class="dt-logo" src="/static/img/dt-logo.png"></a> + </div> + </div> <!-- row --> + </nav> + </div> </div> <!-- Modal message dialog -->