Fix height responsiveness

This commit is contained in:
Marliana Lara
2017-05-03 13:18:20 -04:00
parent fae6573ae2
commit c49f7dddec
3 changed files with 5 additions and 10 deletions

View File

@@ -9,7 +9,7 @@
@import "./client/src/shared/branding/colors.less"; @import "./client/src/shared/branding/colors.less";
#jobs-stdout { #jobs-stdout {
margin-bottom: 20px; margin-bottom: 0px;
#job-status { #job-status {
label { label {

View File

@@ -8,7 +8,7 @@
.OnePlusOne-container(@height: 100%; @breakpoint: 900px){ .OnePlusOne-container(@height: 100%; @breakpoint: 900px){
height: @height; height: ~"calc(100vh - 150px)";
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@media screen and(max-width: @breakpoint){ @media screen and(max-width: @breakpoint){

View File

@@ -35,7 +35,8 @@ standard-out-log {
} }
.Panel { .Panel {
height: auto; height: ~"calc(100% - 20px)";
overflow-y: scroll;
} }
} }
@@ -49,10 +50,7 @@ standard-out-log {
.Panel { .Panel {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} height: ~"calc(100% - 20px)";
.StandardOut-consoleOutput {
height: 493px;
} }
} }
@@ -63,9 +61,6 @@ standard-out-log {
.StandardOut-consoleOutput { .StandardOut-consoleOutput {
margin-top: 25px; margin-top: 25px;
border-radius: 5px; border-radius: 5px;
min-height: 300px;
max-height: 100vh;
height: ~"calc(100vh - 245px)";
width: 100%; width: 100%;
overflow: auto; overflow: auto;
} }