Merge pull request #2172 from anoek/2167

Fixed stdout fullscreen functionality
This commit is contained in:
Akita Noek 2016-06-06 15:55:50 -04:00
commit 52ba5792df
7 changed files with 21 additions and 5 deletions

View File

@ -22,6 +22,12 @@
}
.JobDetail{
.OnePlusOne-container(100%, @breakpoint-md);
&.fullscreen {
.JobDetail-rightSide {
max-width: 100%;
}
}
}
.JobDetail-leftSide{

View File

@ -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}">

View File

@ -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">

View File

@ -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">

View File

@ -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">

View File

@ -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">

View File

@ -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 {