External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-17 06:17:36 -02:30
Code Issues Packages Projects Releases Wiki Activity

Make compact rows responsive.

Browse Source
This commit is contained in:
kialam
2019-02-20 09:35:22 -05:00
parent 1ece764547
commit 2596ad26b9
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -118,8 +118,13 @@
} }
.at-Row--collapsed { .at-Row--collapsed {
max-height: 50px; .at-Row-container--wrapped {
visibility: hidden;
opacity: 0;
height: 0;
}
} }
.at-Row--active { .at-Row--active {
border-left: @at-border-style-list-active-indicator; border-left: @at-border-style-list-active-indicator;
border-top-left-radius: @at-border-radius; border-top-left-radius: @at-border-radius;
@@ -212,6 +217,10 @@
.at-Row-container--wrapped { .at-Row-container--wrapped {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
visibility: visible;
opacity: 1;
height: auto;
transition: visibility 0s, opacity 0.25s linear;
} }
.at-RowItem--isHeaderLink { .at-RowItem--isHeaderLink {
@@ -354,7 +363,7 @@
.at-Row--collapsed { .at-Row--collapsed {
max-height: 60px; max-height: 60px;
} }
.at-Row-actions { .at-Row-actions {
align-items: center; align-items: center;
} }