External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-19 13:41:28 -03: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
Show Stats 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;
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 {
.OnePlusTwo-left--panel(100%, @breakpoint-md);
// TODO: needs to be set based on height of browser window
height: 870px !important;
height: 80vh;
}
.JobResults-rightSide {
.OnePlusTwo-right--panel(100%, @breakpoint-md);
// TODO: needs to be set based on height of browser window
height: 870px !important;
height: 80vh;
@media (max-width: @breakpoint-md - 1px) {
padding-right: 15px;
}
}
.JobResults-detailsPanel{
overflow-y: scroll;
}
.JobResults-stdoutActionButton--active {
display: none;
visibility: hidden;

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

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