mirror of
https://github.com/ansible/awx.git
synced 2026-05-19 14:57:39 -02:30
Stretch standard out panes to page height
* Fix #5962 * Give StandardOut-container a fixed height so flex children will stretch to fill 100%. * Edit overflow and height properties to make panel content scrollable and visible
This commit is contained in:
@@ -60,7 +60,7 @@ table, tbody {
|
|||||||
height: 40px;
|
height: 40px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: @list-item;
|
color: @list-item;
|
||||||
border-bottom: 1px solid #d7d7d7;
|
border-bottom: 1px solid @default-white-button-bord;
|
||||||
}
|
}
|
||||||
|
|
||||||
.List-tableRow:last-of-type {
|
.List-tableRow:last-of-type {
|
||||||
|
|||||||
@@ -13,6 +13,7 @@
|
|||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@media screen and(max-width: @breakpoint){
|
@media screen and(max-width: @breakpoint){
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -8,6 +8,7 @@
|
|||||||
standard-out-log {
|
standard-out-log {
|
||||||
flex: 5;
|
flex: 5;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.StandardOut-preContent{
|
.StandardOut-preContent{
|
||||||
@@ -17,7 +18,7 @@ standard-out-log {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.StandardOut-container {
|
.StandardOut-container {
|
||||||
.OnePlusOne-container(100%, @breakpoint-md);
|
.OnePlusOne-container(80vh, @breakpoint-md);
|
||||||
|
|
||||||
&.fullscreen {
|
&.fullscreen {
|
||||||
.StandardOut-rightPanel {
|
.StandardOut-rightPanel {
|
||||||
@@ -47,7 +48,7 @@ standard-out-log {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.StandardOut-consoleOutput {
|
.StandardOut-consoleOutput {
|
||||||
height: 493px;
|
height: 94%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -57,7 +58,6 @@ standard-out-log {
|
|||||||
|
|
||||||
.StandardOut-consoleOutput {
|
.StandardOut-consoleOutput {
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
background-color: @default-secondary-bg;
|
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
min-height: 300px;
|
min-height: 300px;
|
||||||
max-height: 100vh;
|
max-height: 100vh;
|
||||||
@@ -65,9 +65,6 @@ standard-out-log {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
#pre-container {
|
|
||||||
overflow: visible !important;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.StandardOut-details {
|
.StandardOut-details {
|
||||||
|
|||||||
Reference in New Issue
Block a user