From aba2bcb1f3c3d16c225e9379208654de62050fe6 Mon Sep 17 00:00:00 2001
From: Akita Noek <anoek@ansible.com>
Date: Mon, 6 Jun 2016 11:45:27 -0400
Subject: [PATCH] Fixed stdout fullscreen functionality

Resolved #2167
---
 awx/ui/client/src/job-detail/job-detail.block.less     |  6 ++++++
 awx/ui/client/src/job-detail/job-detail.partial.html   |  2 +-
 .../standard-out/adhoc/standard-out-adhoc.partial.html |  2 +-
 .../standard-out-inventory-sync.partial.html           |  2 +-
 .../standard-out-management-jobs.partial.html          |  2 +-
 .../scm-update/standard-out-scm-update.partial.html    |  2 +-
 awx/ui/client/src/standard-out/standard-out.block.less | 10 ++++++++++
 7 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/awx/ui/client/src/job-detail/job-detail.block.less b/awx/ui/client/src/job-detail/job-detail.block.less
index 0d6c921808..20f73c0d37 100644
--- a/awx/ui/client/src/job-detail/job-detail.block.less
+++ b/awx/ui/client/src/job-detail/job-detail.block.less
@@ -22,6 +22,12 @@
 }
 .JobDetail{
    .OnePlusOne-container(100%, @breakpoint-md);
+
+    &.fullscreen {
+        .JobDetail-rightSide {
+            max-width: 100%;
+        }
+    }
 }
 
 .JobDetail-leftSide{
diff --git a/awx/ui/client/src/job-detail/job-detail.partial.html b/awx/ui/client/src/job-detail/job-detail.partial.html
index a353985de0..00c46fc034 100644
--- a/awx/ui/client/src/job-detail/job-detail.partial.html
+++ b/awx/ui/client/src/job-detail/job-detail.partial.html
@@ -1,5 +1,5 @@
 <div class="tab-pane" id="jobs-detail">
-    <div ng-cloak id="htmlTemplate" class="JobDetail">
+    <div ng-cloak id="htmlTemplate" class="JobDetail" ng-class="{'fullscreen': stdoutFullScreen}">
     <div ui-view></div>
         <!--beginning of job-detail-container (left side) -->
         <div id="job-detail-container" class="JobDetail-leftSide" ng-class="{'JobDetail-stdoutActionButton--active': stdoutFullScreen}">
diff --git a/awx/ui/client/src/standard-out/adhoc/standard-out-adhoc.partial.html b/awx/ui/client/src/standard-out/adhoc/standard-out-adhoc.partial.html
index e2a321bfbb..563497cd1b 100644
--- a/awx/ui/client/src/standard-out/adhoc/standard-out-adhoc.partial.html
+++ b/awx/ui/client/src/standard-out/adhoc/standard-out-adhoc.partial.html
@@ -1,6 +1,6 @@
 <div class="tab-pane" id="jobs-stdout">
     <div ng-cloak id="htmlTemplate">
-    <div class="StandardOut-container">
+    <div class="StandardOut-container" ng-class="{'fullscreen': stdoutFullScreen}">
         <div class="StandardOut-leftPanel" ng-show="!stdoutFullScreen">
             <div class="Panel">
                 <div class="StandardOut-panelHeader">
diff --git a/awx/ui/client/src/standard-out/inventory-sync/standard-out-inventory-sync.partial.html b/awx/ui/client/src/standard-out/inventory-sync/standard-out-inventory-sync.partial.html
index 1fb14f2131..737b22a6cf 100644
--- a/awx/ui/client/src/standard-out/inventory-sync/standard-out-inventory-sync.partial.html
+++ b/awx/ui/client/src/standard-out/inventory-sync/standard-out-inventory-sync.partial.html
@@ -1,6 +1,6 @@
 <div class="tab-pane" id="jobs-stdout">
     <div ng-cloak id="htmlTemplate">
-    <div class="StandardOut-container">
+    <div class="StandardOut-container" ng-class="{'fullscreen': stdoutFullScreen}">
         <div class="StandardOut-leftPanel" ng-show="!stdoutFullScreen">
             <div class="Panel">
                 <div class="StandardOut-panelHeader">
diff --git a/awx/ui/client/src/standard-out/management-jobs/standard-out-management-jobs.partial.html b/awx/ui/client/src/standard-out/management-jobs/standard-out-management-jobs.partial.html
index 2b1ff2bc00..2f0baa6e0e 100644
--- a/awx/ui/client/src/standard-out/management-jobs/standard-out-management-jobs.partial.html
+++ b/awx/ui/client/src/standard-out/management-jobs/standard-out-management-jobs.partial.html
@@ -1,6 +1,6 @@
 <div class="tab-pane" id="jobs-stdout">
     <div ng-cloak id="htmlTemplate">
-    <div class="StandardOut-container">
+    <div class="StandardOut-container" ng-class="{'fullscreen': stdoutFullScreen}">
         <div class="StandardOut-leftPanel" ng-show="!stdoutFullScreen">
             <div class="Panel">
                 <div class="StandardOut-panelHeader">
diff --git a/awx/ui/client/src/standard-out/scm-update/standard-out-scm-update.partial.html b/awx/ui/client/src/standard-out/scm-update/standard-out-scm-update.partial.html
index ed14989c9a..105858d212 100644
--- a/awx/ui/client/src/standard-out/scm-update/standard-out-scm-update.partial.html
+++ b/awx/ui/client/src/standard-out/scm-update/standard-out-scm-update.partial.html
@@ -1,6 +1,6 @@
 <div class="tab-pane" id="jobs-stdout">
     <div ng-cloak id="htmlTemplate">
-    <div class="StandardOut-container">
+    <div class="StandardOut-container" ng-class="{'fullscreen': stdoutFullScreen}">
         <div class="StandardOut-leftPanel" ng-show="!stdoutFullScreen">
             <div class="Panel">
                 <div class="StandardOut-panelHeader">
diff --git a/awx/ui/client/src/standard-out/standard-out.block.less b/awx/ui/client/src/standard-out/standard-out.block.less
index 33faba6273..48c1ce3de3 100644
--- a/awx/ui/client/src/standard-out/standard-out.block.less
+++ b/awx/ui/client/src/standard-out/standard-out.block.less
@@ -15,6 +15,12 @@ standard-out-log {
 }
 .StandardOut-container {
     .OnePlusTwo-container;
+
+    &.fullscreen {
+        .StandardOut-rightPanel {
+            max-width: 100%;
+        }
+    }
 }
 
 .StandardOut-leftPanel {
@@ -32,6 +38,10 @@ standard-out-log {
         display: flex;
         flex-direction: column;
     }
+
+    .StandardOut-consoleOutput {
+        height: auto;
+    }
 }
 
 .StandardOut-panelHeader {