mirror of
https://github.com/ansible/awx.git
synced 2026-01-13 19:10:07 -03:30
Site footer
Added a 15px margin to bottom of site layout. Fixed inventory detail page auto sizing. It had not been updated with all the layout changes.
This commit is contained in:
Chris Houseknecht
parent
d2435884af
commit
76d6097af7
@ -30,15 +30,15 @@ angular.module('InventoryHelper', ['RestServices', 'Utilities', 'OrganizationLis
|
||||
$('.site-footer').outerHeight() - $('.group-breadcrumbs').outerHeight() - $('#groups-container #search-widget-container').outerHeight() -
|
||||
$('#groups_table thead').height() ));
|
||||
*/
|
||||
return $(window).height() - $('.main-menu').outerHeight() - $('#main_tabs').outerHeight() - $('#breadcrumbs').outerHeight() -
|
||||
return $(window).height() - $('#main-menu-container .navbar').outerHeight() - $('#breadcrumbs').outerHeight() -
|
||||
$('.site-footer').outerHeight() - $('.group-breadcrumbs').outerHeight() - $('#groups-container #search-widget-container').outerHeight() -
|
||||
$('#groups_table thead').height() - 70;
|
||||
$('#groups_table thead').height() - 90;
|
||||
};
|
||||
}])
|
||||
|
||||
.factory('GetHostContainerRows', [ function() {
|
||||
return function() {
|
||||
var height = $('#hosts-container .well').height() - $('#hosts-constainer .well .row').height() - $('#hosts_table thead').height();
|
||||
var height = $('#hosts-container .list-well').height() - $('#hosts-constainer .list-well .row').height() - $('#hosts_table thead').height();
|
||||
return Math.floor(height / 30) - 2;
|
||||
};
|
||||
}])
|
||||
@ -59,11 +59,12 @@ angular.module('InventoryHelper', ['RestServices', 'Utilities', 'OrganizationLis
|
||||
if ($(window).width() > 1210) {
|
||||
height = GetGroupContainerHeight();
|
||||
$('#groups-container .list-table-container').height(height);
|
||||
$('#hosts-container .well').height( $('#groups-container .well').height());
|
||||
$('#hosts-container .list-table-container').height(height);
|
||||
setTimeout(function() { $('#hosts-container .list-well').height( $('#groups-container .list-well').outerHeight()); }, 500);
|
||||
}
|
||||
else {
|
||||
$('#groups-container .list-table-container').height('auto');
|
||||
$('#hosts-container .well').height('auto');
|
||||
$('#hosts-container .list-well').height('auto');
|
||||
}
|
||||
//$('#groups-container .list-table-container').mCustomScrollbar("update");
|
||||
|
||||
|
||||
@ -396,31 +396,6 @@ dd {
|
||||
min-height: 15px;
|
||||
}
|
||||
|
||||
/* The sticky footer: http://css-tricks.com/snippets/css/sticky-footer, with less variables */
|
||||
@footer-height: 68px;
|
||||
@footer-margin: 22px;
|
||||
@push-height: (@footer-height + @footer-margin);
|
||||
#wrap {
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
height: auto !important;
|
||||
margin-bottom: -(@push-height);
|
||||
}
|
||||
#wrap:after {
|
||||
content: "";
|
||||
display: block;
|
||||
}
|
||||
|
||||
#wrap:after {
|
||||
height: @push-height;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
height: @footer-height;
|
||||
margin-top: @footer-margin;
|
||||
}
|
||||
|
||||
|
||||
#navbar-container, .main-menu {
|
||||
width: 100%;
|
||||
background-color: @black;
|
||||
@ -455,43 +430,6 @@ dd {
|
||||
background-color: @black;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
color: @grey;
|
||||
text-align: center;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
font-size: 12px;
|
||||
|
||||
a,
|
||||
a:active,
|
||||
a:visited {
|
||||
color: @grey;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: @blue;
|
||||
}
|
||||
|
||||
.help {
|
||||
padding-top: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.logo {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
max-width: 46px;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
padding-top: 6px;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-header.login-header {
|
||||
text-align: center;
|
||||
background-color: @black;
|
||||
@ -1736,35 +1674,6 @@ tr td button i {
|
||||
|
||||
@media (max-width: 767px) {
|
||||
|
||||
/* The sticky footer: http://css-tricks.com/snippets/css/sticky-footer, with less variables */
|
||||
@footer-height: 140px;
|
||||
@footer-margin: 15px;
|
||||
@push-height: (@footer-height + @footer-margin);
|
||||
#wrap {
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
height: auto !important;
|
||||
margin-bottom: -(@push-height);
|
||||
}
|
||||
#wrap:after {
|
||||
content: "";
|
||||
display: block;
|
||||
}
|
||||
#wrap:after {
|
||||
height: @push-height;
|
||||
}
|
||||
.site-footer {
|
||||
height: @footer-height;
|
||||
margin-top: @footer-margin;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
.logo {
|
||||
text-align: center;
|
||||
padding-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Job events */
|
||||
|
||||
.level-1,
|
||||
|
||||
@ -72,6 +72,10 @@ body {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 1075px) {
|
||||
|
||||
#main-menu-container {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<div class="tab-pane" id="inventory_edit">
|
||||
<div ng-cloak id="htmlTemplate">
|
||||
|
||||
<ul class="ansible-breadcrumb">
|
||||
<ul class="ansible-breadcrumb" id="#breadcrumbs">
|
||||
<li><a href="#/inventories">Inventories</a></li>
|
||||
<li><a href="">{{ inventory.name }}</a></li>
|
||||
<li ng-repeat="group_breadcrumb in group_breadcrumbs" ng-class="group_breadcrumb.active_class"><a href="" ng-click="breadcrumbGroupSelect(group_breadcrumb.id)">{{ group_breadcrumb.name }}</a></li>
|
||||
|
||||
@ -417,6 +417,7 @@
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
<div class="site-footer"></div>
|
||||
|
||||
<script src="{{ STATIC_URL }}lib/jqueryui/ui/minified/jquery-ui.min.js"></script>
|
||||
<script src="{{ STATIC_URL }}lib/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user