From 2596ad26b90e7249b1743c5e9f74aba56cec26fe Mon Sep 17 00:00:00 2001 From: kialam Date: Wed, 20 Feb 2019 09:35:22 -0500 Subject: [PATCH 1/2] Make compact rows responsive. --- awx/ui/client/lib/components/list/_index.less | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/awx/ui/client/lib/components/list/_index.less b/awx/ui/client/lib/components/list/_index.less index 5e606e11db78..e4b5c0bb1b8a 100644 --- a/awx/ui/client/lib/components/list/_index.less +++ b/awx/ui/client/lib/components/list/_index.less @@ -118,8 +118,13 @@ } .at-Row--collapsed { - max-height: 50px; + .at-Row-container--wrapped { + visibility: hidden; + opacity: 0; + height: 0; + } } + .at-Row--active { border-left: @at-border-style-list-active-indicator; border-top-left-radius: @at-border-radius; @@ -212,6 +217,10 @@ .at-Row-container--wrapped { display: flex; flex-wrap: wrap; + visibility: visible; + opacity: 1; + height: auto; + transition: visibility 0s, opacity 0.25s linear; } .at-RowItem--isHeaderLink { @@ -354,7 +363,7 @@ .at-Row--collapsed { max-height: 60px; } - .at-Row-actions { + .at-Row-actions { align-items: center; } From 728fb1aaef66a2a8ca5020959d8cb89a5d48426b Mon Sep 17 00:00:00 2001 From: kialam Date: Wed, 20 Feb 2019 10:05:21 -0500 Subject: [PATCH 2/2] Fix hidden relaunch dropdown in new lists. --- awx/ui/client/lib/components/layout/_index.less | 2 +- awx/ui/client/lib/components/list/_index.less | 4 ---- 2 files changed, 1 insertion(+), 5 deletions(-) diff --git a/awx/ui/client/lib/components/layout/_index.less b/awx/ui/client/lib/components/layout/_index.less index ea667034bb40..6214495f8257 100644 --- a/awx/ui/client/lib/components/layout/_index.less +++ b/awx/ui/client/lib/components/layout/_index.less @@ -1,6 +1,6 @@ .at-Layout { min-height: 100vh; - width: 100vw; + width: 100%; display: flex; &-topNav { diff --git a/awx/ui/client/lib/components/list/_index.less b/awx/ui/client/lib/components/list/_index.less index e4b5c0bb1b8a..7ee0f5278033 100644 --- a/awx/ui/client/lib/components/list/_index.less +++ b/awx/ui/client/lib/components/list/_index.less @@ -114,7 +114,6 @@ .at-Row { display: grid; grid-template-columns: 10px 1fr; - overflow: hidden; } .at-Row--collapsed { @@ -360,9 +359,6 @@ } @media screen and (max-width: @at-breakpoint-compact-list) { - .at-Row--collapsed { - max-height: 60px; - } .at-Row-actions { align-items: center; }