External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-14 12:57:40 -02:30
Code Issues Packages Projects Releases Wiki Activity

Fitting panels to the size of the viewport

Browse Source
This commit is contained in:
jaredevantabor
2016-11-09 16:14:45 -05:00
parent 7795ad0d2b
commit 0590a1416d
3 changed files with 7 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
awx/ui/client/src/job-results/job-results-stdout/job-results-stdout.block.less
View File

@@ -149,9 +149,3 @@
word-break: break-word; word-break: break-word;
width:100%; width:100%;
} }
// TODO: needs to be set based on height of browser window
.JobResultsStdOut-numberColumnPreload {
height: 720px;
}

10
awx/ui/client/src/job-results/job-results.block.less
View File

@@ -17,20 +17,22 @@
.JobResults-leftSide { .JobResults-leftSide {
.OnePlusTwo-left--panel(100%, @breakpoint-md); .OnePlusTwo-left--panel(100%, @breakpoint-md);
// TODO: needs to be set based on height of browser window height: 80vh;
height: 870px !important;
} }
.JobResults-rightSide { .JobResults-rightSide {
.OnePlusTwo-right--panel(100%, @breakpoint-md); .OnePlusTwo-right--panel(100%, @breakpoint-md);
// TODO: needs to be set based on height of browser window height: 80vh;
height: 870px !important;
@media (max-width: @breakpoint-md - 1px) { @media (max-width: @breakpoint-md - 1px) {
padding-right: 15px; padding-right: 15px;
} }
} }
.JobResults-detailsPanel{
overflow-y: scroll;
}
.JobResults-stdoutActionButton--active { .JobResults-stdoutActionButton--active {
display: none; display: none;
visibility: hidden; visibility: hidden;

2
awx/ui/client/src/job-results/job-results.partial.html
View File

@@ -8,7 +8,7 @@
<!-- LEFT PANE --> <!-- LEFT PANE -->
<div class="JobResults-leftSide" <div class="JobResults-leftSide"
ng-class="{'JobResults-stdoutActionButton--active': stdoutFullScreen}"> ng-class="{'JobResults-stdoutActionButton--active': stdoutFullScreen}">
<div class="Panel" <div class="JobResults-detailsPanel Panel"
ng-show="!stdoutFullScreen"> ng-show="!stdoutFullScreen">
<!-- LEFT PANE HEADER --> <!-- LEFT PANE HEADER -->