From ef8eae7d60572a9c7c4b4ac2d7932256cc193a2c Mon Sep 17 00:00:00 2001 From: Andrea Del Rio Date: Mon, 16 Mar 2020 17:02:16 -0700 Subject: [PATCH 1/3] fix padding in EuiCallout when used as banner for EuiFlyout --- src/components/flyout/_flyout_body.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/flyout/_flyout_body.scss b/src/components/flyout/_flyout_body.scss index 92b4c94cbae3..4dfb56ce1ac9 100644 --- a/src/components/flyout/_flyout_body.scss +++ b/src/components/flyout/_flyout_body.scss @@ -14,6 +14,7 @@ .euiFlyoutBody__banner .euiCallOut { border: none; // Remove border from callout when it is a flyout banner + padding: $euiSize $euiSizeL; // Align callout's content with flyout's title } .euiFlyoutBody__overflowContent { From 30b70dcf5e2421643bf2560d1672e7e1ab43952f Mon Sep 17 00:00:00 2001 From: Andrea Del Rio Date: Mon, 16 Mar 2020 17:25:10 -0700 Subject: [PATCH 2/3] cl --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index fe5fd37ca4ca..39b2f12dbe7e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -21,6 +21,7 @@ - Fixed `EuiFieldNumber` so values of type `number` are now allowed ([#3020](https://github.com/elastic/eui/pull/3020)) - Fixed SASS `contrastRatio()` function in dark mode by fixing the `pow()` math function ([#3013], (https://github.com/elastic/eui/pull/3013)) - Fixed bug preventing `EuiDataGrid` from re-evaluating the default column width on resize ([#2991](https://github.com/elastic/eui/pull/2991)) +- Fixed padding in `EuiCallOut` when used as a `banner` for `EuiFlyout` ([#3098](https://github.com/elastic/eui/pull/3098)) ## [`21.0.1`](https://github.com/elastic/eui/tree/v21.0.1) From bc4f7fb39563d2109b0eb7fa5a5a88d80483b7e4 Mon Sep 17 00:00:00 2001 From: Andrea Del Rio Date: Tue, 17 Mar 2020 10:06:33 -0700 Subject: [PATCH 3/3] use padding-left and padding-right --- src/components/flyout/_flyout_body.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/flyout/_flyout_body.scss b/src/components/flyout/_flyout_body.scss index 4dfb56ce1ac9..c29f37a5af2b 100644 --- a/src/components/flyout/_flyout_body.scss +++ b/src/components/flyout/_flyout_body.scss @@ -14,7 +14,8 @@ .euiFlyoutBody__banner .euiCallOut { border: none; // Remove border from callout when it is a flyout banner - padding: $euiSize $euiSizeL; // Align callout's content with flyout's title + padding-left: $euiSizeL; // Align callout's content with flyout's title + padding-right: $euiSizeL; // Align callout's content with flyout's title } .euiFlyoutBody__overflowContent {