CSS fixes for Firefox
This commit is contained in:
parent
d52d913276
commit
e011fc6fe5
3 changed files with 35 additions and 25 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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();
|
||||||
|
|
||||||
|
|
|
@ -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">©2013 DevTable, LLC</span></li>
|
<ul>
|
||||||
<li><a href="http://blog.devtable.com/">Blog</a></li>
|
<li><span class="copyright">©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 -->
|
||||||
|
|
Reference in a new issue