mirror of
https://github.com/ansible/awx.git
synced 2026-03-26 13:25:02 -02:30
stdout sytle updates
* Fixed column width to 50% for both job stdout view and inventory update script output view * Fixed scrolling behavior so we don't have two elements doing scrolling (inner was doing width, outter was doing height) * Reduced max height for stdout jt output view to 900px down from 1600px * Flexified inner output window on inventory script output view so the gray output area always fills the height of the panel #2127 @2028
This commit is contained in:
@@ -30,6 +30,12 @@
|
|||||||
|
|
||||||
.JobDetail-rightSide{
|
.JobDetail-rightSide{
|
||||||
.OnePlusOne-panel--right(100%, @breakpoint-md);
|
.OnePlusOne-panel--right(100%, @breakpoint-md);
|
||||||
|
@media (min-width: @breakpoint-md) {
|
||||||
|
max-width: 50%;
|
||||||
|
}
|
||||||
|
@media (max-width: @breakpoint-md - 1px) {
|
||||||
|
padding-right: 15px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.JobDetail-panelHeader{
|
.JobDetail-panelHeader{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -3,6 +3,11 @@
|
|||||||
|
|
||||||
/** @define StandardOut */
|
/** @define StandardOut */
|
||||||
|
|
||||||
|
standard-out-log {
|
||||||
|
flex: 5;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
.StandardOut-preContent{
|
.StandardOut-preContent{
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
padding: 0 20px 0 20px;
|
padding: 0 20px 0 20px;
|
||||||
@@ -18,6 +23,15 @@
|
|||||||
|
|
||||||
.StandardOut-rightPanel {
|
.StandardOut-rightPanel {
|
||||||
.OnePlusTwo-right--panel(590px);
|
.OnePlusTwo-right--panel(590px);
|
||||||
|
|
||||||
|
@media (min-width: 900px) {
|
||||||
|
max-width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Panel {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.StandardOut-panelHeader {
|
.StandardOut-panelHeader {
|
||||||
@@ -26,11 +40,16 @@
|
|||||||
|
|
||||||
.StandardOut-consoleOutput {
|
.StandardOut-consoleOutput {
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
min-height: 200px;
|
|
||||||
background-color: @default-secondary-bg;
|
background-color: @default-secondary-bg;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
max-height: 1600px;
|
min-height: 300px;
|
||||||
|
max-height: 900px;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
#pre-container {
|
||||||
|
overflow: visible !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.StandardOut-details {
|
.StandardOut-details {
|
||||||
|
|||||||
Reference in New Issue
Block a user