mirror of
https://github.com/ansible/awx.git
synced 2024-11-01 16:51:11 +03:00
Job detail page refactor
Fixed auto-resize. The page now differentiates between plays, tasks and host results when allocating space. The play list gets the least amount of space. Tasks receives slightly less than it used to but more than plays. Host results gets the most space at nearly 2x what it received previously.
This commit is contained in:
parent
5ee176e451
commit
04f0ea409b
@ -524,20 +524,21 @@ function JobDetailController ($rootScope, $scope, $compile, $routeParams, $log,
|
||||
$('#job-summary-container').show();
|
||||
}
|
||||
// Detail table height adjusting. First, put page height back to 'normal'.
|
||||
$('#plays-table-detail').height(150);
|
||||
$('#plays-table-detail').height(80);
|
||||
$('#plays-table-detail').mCustomScrollbar("update");
|
||||
$('#tasks-table-detail').height(150);
|
||||
$('#tasks-table-detail').height(120);
|
||||
$('#tasks-table-detail').mCustomScrollbar("update");
|
||||
$('#hosts-table-detail').height(150);
|
||||
$('#hosts-table-detail').mCustomScrollbar("update");
|
||||
height = $(window).height() - $('#main-menu-container .navbar').outerHeight();
|
||||
height = $(window).height() - $('#main-menu-container .navbar').outerHeight() - $('#breadcrumb-container').outerHeight() -
|
||||
$('#job-detail-container').outerHeight() - 20;
|
||||
if (height > 15) {
|
||||
// there's a bunch of white space at the bottom, let's use it
|
||||
$('#plays-table-detail').height(150 + (height / 3));
|
||||
$('#plays-table-detail').height(80 + (height * 0.10));
|
||||
$('#plays-table-detail').mCustomScrollbar("update");
|
||||
$('#tasks-table-detail').height(150 + (height / 3));
|
||||
$('#tasks-table-detail').height(120 + (height * 0.20));
|
||||
$('#tasks-table-detail').mCustomScrollbar("update");
|
||||
$('#hosts-table-detail').height(150 + (height / 3));
|
||||
$('#hosts-table-detail').height(150 + (height * 0.70));
|
||||
$('#hosts-table-detail').mCustomScrollbar("update");
|
||||
}
|
||||
// Summary table height adjusting.
|
||||
|
@ -86,6 +86,7 @@
|
||||
}
|
||||
|
||||
#hide-summary-button {
|
||||
text-align: right;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user