External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-15 20:00:43 -03: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
Show Stats 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{
.OnePlusOne-container(100%, @breakpoint-md);
.OnePlusOne-container(100%, @breakpoint-md);
&.fullscreen {
.JobDetail-rightSide {
@ -36,9 +36,6 @@
.JobDetail-rightSide{
.OnePlusOne-panel--right(100%, @breakpoint-md);
@media (min-width: @breakpoint-md) {
max-width: 50%;
}
@media (max-width: @breakpoint-md - 1px) {
padding-right: 15px;
}
@ -131,8 +128,9 @@
.JobDetail-resultRowText{
width: 40%;
flex: 1 0 auto;
padding:0px;
padding:0px 29px;
text-transform: none;
word-wrap: break-word;
}
.JobDetail-searchHeaderRow{

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

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