External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-04-08 03:29:21 -02:30
Code Issues Packages Projects Releases Wiki Activity

fixed layout issue with long result detail text

Browse Source
This commit is contained in:
John Mitchell
2016-06-16 11:53:06 -04:00
parent de4f053212
commit 85c5fdd456
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
awx/ui/client/src/job-detail/job-detail.block.less
View File

@@ -21,7 +21,7 @@
} }
} }
.JobDetail{ .JobDetail{
.OnePlusOne-container(100%, @breakpoint-md); .OnePlusOne-container(100%, @breakpoint-md);
&.fullscreen { &.fullscreen {
.JobDetail-rightSide { .JobDetail-rightSide {
@@ -36,9 +36,6 @@
.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) { @media (max-width: @breakpoint-md - 1px) {
padding-right: 15px; padding-right: 15px;
} }
@@ -131,8 +128,9 @@
.JobDetail-resultRowText{ .JobDetail-resultRowText{
width: 40%; width: 40%;
flex: 1 0 auto; flex: 1 0 auto;
padding:0px; padding:0px 29px;
text-transform: none; text-transform: none;
word-wrap: break-word;
} }
.JobDetail-searchHeaderRow{ .JobDetail-searchHeaderRow{

8
awx/ui/client/src/shared/layouts/one-plus-one.less
View File

@@ -20,11 +20,13 @@
flex: 1 1; flex: 1 1;
height: @height; height: @height;
width: 100%; width: 100%;
max-width: 50%;
margin-right: 20px; margin-right: 20px;
.Panel{ .Panel{
height: 100%; height: 100%;
} }
@media screen and (max-width @breakpoint){ @media screen and (max-width: @breakpoint){
max-width: 100%;
margin-right: 0px; margin-right: 0px;
height: inherit; height: inherit;
} }
@@ -34,11 +36,13 @@
flex: 1 1; flex: 1 1;
height: @height; height: @height;
width: 100%; width: 100%;
max-wdith: 50%;
margin-right: 0px; margin-right: 0px;
.Panel{ .Panel{
height: 100%; height: 100%;
} }
@media screen and (max-width @breakpoint){ @media screen and (max-width: @breakpoint) {
max-width: 100%;
height: inherit; height: inherit;
} }
} }