Ensure that the footer appears properly on the repo pages

This commit is contained in:
Joseph Schorr 2013-11-23 20:03:08 -05:00
parent 5f9da10a36
commit 6692fdf41c
4 changed files with 14 additions and 7 deletions

View file

@ -32,6 +32,13 @@ html, body {
overflow: hidden;
}
.footer-container.fixed {
position: fixed;
bottom: 16px;
left: 0px;
right: 0px;
}
.button-hidden {
visibility: hidden;
}

View file

@ -428,9 +428,9 @@ quayApp = angular.module('quay', ['ngRoute', 'restangular', 'angularMoment', 'an
// WARNING WARNING WARNING
$routeProvider.
when('/repository/:namespace/:name', {templateUrl: '/static/partials/view-repo.html', controller: RepoCtrl,
hideFooter: true, reloadOnSearch: false}).
fixFooter: true, reloadOnSearch: false}).
when('/repository/:namespace/:name/tag/:tag', {templateUrl: '/static/partials/view-repo.html', controller: RepoCtrl,
hideFooter: true}).
fixFooter: true}).
when('/repository/:namespace/:name/image/:image', {templateUrl: '/static/partials/image-view.html', controller: ImageViewCtrl}).
when('/repository/:namespace/:name/admin', {templateUrl: '/static/partials/repo-admin.html', controller:RepoAdminCtrl}).
when('/repository/', {title: 'Repositories', description: 'Public and private docker repositories list',
@ -1216,7 +1216,7 @@ quayApp.run(['$location', '$rootScope', 'Restangular', 'UserService', '$http',
$rootScope.description = 'Hosted private docker repositories. Includes full user management and history. Free for public repositories.';
}
$rootScope.hideFooter = !!current.$$route.hideFooter;
$rootScope.fixFooter = !!current.$$route.fixFooter;
});
var initallyChecked = false;

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 - 30) + 'px';
document.getElementById(container).style.maxHeight = (viewportHeight - boundingBox.top - 110) + 'px';
$('#' + container).overscroll();
// Update the tree.

View file

@ -74,17 +74,17 @@ b._i.push([a,e,d])};b.__SV=1.2}})(document,window.mixpanel||[]);
mixpanel.init(isProd ? "50ff2b2569faa3a51c8f5724922ffb7e" : "38014a0f27e7bdc3ff8cc7cc29c869f9", { track_pageview : false, debug: !isProd });</script><!-- end Mixpanel -->
</head>
<body>
<div ng-class="!hideFooter ? 'wrapper' : ''">
<div ng-class="!fixFooter ? 'wrapper' : ''">
<nav class="navbar navbar-default header-bar" role="navigation"></nav>
{% block body_content %}
{% endblock %}
<div ng-class="!hideFooter ? 'push' : ''"></div>
<div ng-class="!fixFooter ? 'push' : ''"></div>
</div>
<div class="footer-container" ng-show="!hideFooter">
<div class="footer-container" ng-class="fixFooter ? 'fixed' : ''">
<nav class="page-footer visible-lg visible-md">
<div class="row">
<div class="col-md-7">