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 {
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 {

View file

@ -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();

View file

@ -106,6 +106,7 @@ var isProd = document.location.hostname === 'quay.io';
</div>
<div class="footer-container" ng-class="fixFooter ? 'fixed' : ''">
<div class="page-footer-padder">
<nav class="page-footer visible-lg visible-md">
<div class="row">
<div class="col-md-7">
@ -125,6 +126,7 @@ var isProd = document.location.hostname === 'quay.io';
</div> <!-- row -->
</nav>
</div>
</div>
<!-- Modal message dialog -->
<div class="modal fade" id="couldnotloadModal" data-backdrop="static">