CSS fixes for Firefox

This commit is contained in:
Joseph Schorr 2014-01-06 17:15:46 -05:00
parent d52d913276
commit e011fc6fe5
3 changed files with 35 additions and 25 deletions

View file

@ -108,6 +108,7 @@ html, body {
.tooltip { .tooltip {
word-break: normal !important; word-break: normal !important;
word-wrap: normal !important; word-wrap: normal !important;
pointer-events: none;
} }
.toggle-icon { .toggle-icon {
@ -192,12 +193,11 @@ i.toggle-icon:hover {
min-height: 100%; min-height: 100%;
height: auto !important; height: auto !important;
height: 100%; height: 100%;
margin: 0 auto -136px; margin: 0 auto -176px;
} }
.footer-container, .push { .footer-container, .push {
height: 110px; height: 74px;
overflow: hidden;
} }
.footer-container.fixed { .footer-container.fixed {
@ -1002,12 +1002,20 @@ form input.ng-valid.ng-dirty,
} }
.page-footer { .page-footer {
padding: 10px;
padding-bottom: 0px;
border-top: 1px solid #eee;
}
.page-footer-padder {
margin-top: 76px;
background-color: white; background-color: white;
background-image: none; background-image: none;
padding: 10px;
padding-bottom: 40px; overflow: hidden;
margin-top: 52px; width: 100%;
border-top: 1px solid #eee; height: 80px;
padding-top: 24px;
} }
.page-footer .row { .page-footer .row {

View file

@ -86,7 +86,7 @@ ImageHistoryTree.prototype.updateDimensions_ = function() {
$('#' + container).removeOverscroll(); $('#' + container).removeOverscroll();
var viewportHeight = $(window).height(); var viewportHeight = $(window).height();
var boundingBox = document.getElementById(container).getBoundingClientRect(); 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(); $('#' + container).overscroll();

View file

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