mirror of
https://github.com/ansible/awx.git
synced 2024-11-01 16:51:11 +03:00
Merge pull request #2454 from jlmitch5/fixJDLayoutIssue
fixed layout issue with long result detail text
This commit is contained in:
commit
4791255350
@ -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{
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user