From 38b43f5fb2b8eaeb94f312569175502bab268a13 Mon Sep 17 00:00:00 2001 From: Michael Marcialis Date: Wed, 30 Sep 2020 10:48:55 -0400 Subject: [PATCH 1/2] fix overview cards not stretching height equally --- .../kibana_overview/public/components/_overview.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/plugins/kibana_overview/public/components/_overview.scss b/src/plugins/kibana_overview/public/components/_overview.scss index d403eff8d219f..3c3bf81166118 100644 --- a/src/plugins/kibana_overview/public/components/_overview.scss +++ b/src/plugins/kibana_overview/public/components/_overview.scss @@ -49,6 +49,13 @@ $pageWidth: 1200px; max-width: $pageWidth; padding: $euiSizeXL $euiSize; width: 100%; + + // Ensure card heights are stretched equally when wrapped with this element + .kbnRedirectCrossAppLinks { + display: flex; + flex: 1; + flex-direction: column; + } } // Prevent children from rendering as flex items From 7489769f89a813a212c0594225e5a785906a57c5 Mon Sep 17 00:00:00 2001 From: Michael Marcialis Date: Wed, 30 Sep 2020 10:55:18 -0400 Subject: [PATCH 2/2] change var name for better specificity --- .../kibana_overview/public/components/_overview.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/plugins/kibana_overview/public/components/_overview.scss b/src/plugins/kibana_overview/public/components/_overview.scss index 3c3bf81166118..911a0346e2824 100644 --- a/src/plugins/kibana_overview/public/components/_overview.scss +++ b/src/plugins/kibana_overview/public/components/_overview.scss @@ -18,7 +18,7 @@ */ // Local page variables -$pageWidth: 1200px; +$kbnOverviewPageWidth: 1200px; .kbnOverviewWrapper { background-color: $euiColorEmptyShade; @@ -34,7 +34,7 @@ $pageWidth: 1200px; .kbnOverviewHeader__inner { margin: 0 auto; - max-width: $pageWidth; + max-width: $kbnOverviewPageWidth; padding: $euiSizeXL $euiSize; } @@ -46,7 +46,7 @@ $pageWidth: 1200px; .kbnOverviewContent { margin: 0 auto; - max-width: $pageWidth; + max-width: $kbnOverviewPageWidth; padding: $euiSizeXL $euiSize; width: 100%;