mirror of
https://github.com/ansible/awx.git
synced 2026-05-17 14:27:42 -02:30
Make compact rows responsive.
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user