shaba/awx
1
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2024-11-01 16:51:11 +03:00
Code Releases Activity

fix wrapping issue for instances list

Browse Source
This commit is contained in:
John Mitchell 2018-06-04 17:36:30 -04:00
parent d2858e2d0e
commit 5c874c6b3d
No known key found for this signature in database
GPG Key ID: FE6A9B5BD4EB5C94
3 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
awx/ui/client/lib/components/list/_index.less
View File

@ -262,6 +262,12 @@
} }
} }
@media screen and (max-width: @at-breakpoint-instances-wrap) {
.at-Row-items--instances {
margin-bottom: @at-padding-bottom-instances-wrap;
}
}
@media screen and (max-width: @at-breakpoint-compact-list) { @media screen and (max-width: @at-breakpoint-compact-list) {
.at-Row-actions { .at-Row-actions {
flex-direction: column; flex-direction: column;

2
awx/ui/client/lib/theme/_variables.less
View File

@ -247,6 +247,7 @@
@at-padding-list-row-item-tag: 0 @at-space-2x; @at-padding-list-row-item-tag: 0 @at-space-2x;
@at-padding-list-row-action: 7px; @at-padding-list-row-action: 7px;
@at-padding-list-row: 10px 20px 10px 10px; @at-padding-list-row: 10px 20px 10px 10px;
@at-padding-bottom-instances-wrap: 30px;
@at-margin-input-message: @at-space; @at-margin-input-message: @at-space;
@at-margin-item-column: @at-space-3x; @at-margin-item-column: @at-space-3x;
@ -332,3 +333,4 @@
@at-breakpoint-mobile-layout: @at-breakpoint-sm; @at-breakpoint-mobile-layout: @at-breakpoint-sm;
@at-breakpoint-compact-list: @at-breakpoint-sm; @at-breakpoint-compact-list: @at-breakpoint-sm;
@at-breakpoint-instances-wrap: 1036px;

2
awx/ui/client/src/instance-groups/instances/instances-list.partial.html
View File

@ -58,7 +58,7 @@
</div> </div>
</div> </div>
<div class="at-Row-items"> <div class="at-Row-items at-Row-items--instances">
<at-row-item header-value="{{ instance.hostname }}"></at-row-item> <at-row-item header-value="{{ instance.hostname }}"></at-row-item>
<at-row-item <at-row-item
label-value="Running Jobs" label-value="Running Jobs"