External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-07 09:27:36 -02:30
Code Issues Packages Projects Releases Wiki Activity

layout tweaks

Browse Source
This commit is contained in:
John Mitchell
2016-11-10 17:03:57 -05:00
committed by jaredevantabor
parent 0590a1416d
commit 1c907a1f07
3 changed files with 32 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,7 @@
@import '../../shared/branding/colors.default.less'; @import '../../shared/branding/colors.default.less';
.JobResultsStdOut { .JobResultsStdOut {
height: 100%; height: ~"calc(100% - 70px)";
} }
.JobResultsStdOut-toolbar { .JobResultsStdOut-toolbar {
@@ -31,6 +31,7 @@
padding-right: 8px; padding-right: 8px;
padding-top: 10px; padding-top: 10px;
border-top-left-radius: 5px; border-top-left-radius: 5px;
z-index: 1;
} }
.JobResultsStdOut-expandAllButton { .JobResultsStdOut-expandAllButton {
@@ -85,21 +86,20 @@
} }
.JobResultsStdOut-stdoutContainer { .JobResultsStdOut-stdoutContainer {
height: ~"calc(100% - 108px)"; height: ~"calc(100% - 48px)";
background-color: @default-no-items-bord; background-color: @default-no-items-bord;
border: 1px solid @default-list-header-bg; overflow-y: scroll;
border-top: 0px; overflow-x: hidden;
border-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-bottom: 10px;
overflow: scroll;
} }
.JobResultsStdOut-numberColumnPreload { .JobResultsStdOut-numberColumnPreload {
background-color: #EBEBEB; background-color: #EBEBEB;
width: 70px; width: 70px;
position: fixed; position: fixed;
top: 148px;
bottom: 20px;
margin-top: 65px;
margin-bottom: 65px;
} }
.JobResultsStdOut-aLineOfStdOut { .JobResultsStdOut-aLineOfStdOut {
@@ -149,3 +149,21 @@
word-break: break-word; word-break: break-word;
width:100%; width:100%;
} }
.JobResultsStdOut-footer {
height: 10px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background-color: @default-no-items-bord;
border: 1px solid @default-list-header-bg;
border-top: 0px;
border-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.JobResultsStdOut-footerNumberColumn {
background-color: @default-list-header-bg;
width: 70px;
height: 100%;
}

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

@@ -28,4 +28,7 @@
<div class="JobResultsStdOut-stdoutContainer"> <div class="JobResultsStdOut-stdoutContainer">
<div class="JobResultsStdOut-numberColumnPreload"></div> <div class="JobResultsStdOut-numberColumnPreload"></div>
</div> </div>
<div class="JobResultsStdOut-footer">
<div class="JobResultsStdOut-footerNumberColumn"></div>
</div>
</div> </div>

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

@@ -17,12 +17,12 @@
.JobResults-leftSide { .JobResults-leftSide {
.OnePlusTwo-left--panel(100%, @breakpoint-md); .OnePlusTwo-left--panel(100%, @breakpoint-md);
height: 80vh; height: ~"calc(100vh - 177px)";
} }
.JobResults-rightSide { .JobResults-rightSide {
.OnePlusTwo-right--panel(100%, @breakpoint-md); .OnePlusTwo-right--panel(100%, @breakpoint-md);
height: 80vh; height: ~"calc(100vh - 177px)";
@media (max-width: @breakpoint-md - 1px) { @media (max-width: @breakpoint-md - 1px) {
padding-right: 15px; padding-right: 15px;