diff --git a/CHANGELOG.md b/CHANGELOG.md index 1295f044732..b3d3159c86f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,6 +11,10 @@ - Improved `EuiPagination`, `EuiDataGrid`, `EuiBasicTable` and `EuiInMemoryTable` accessibility, causing `EuiPaginationButton` to require a new prop `pageIndex` ([#3294](https://github.com/elastic/eui/pull/3294)) - Replaced all usages of [`KeyboardEvent.keyCode`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode) (deprecated) with [`KeyboardEvent.key`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key). From `@elastic/eui/lib/services`, `keyCodes` has been replaced with `keys`, as has `cascadingMenuKeyCodes`->`cascadingMenuKeys`, and `comboBoxKeyCodes`->`comboBoxKeys`. The implementation of all of those exports (as well as `accessibleClickKeys`) all now use `KeyboardEvent.key` values. ([#3517](https://github.com/elastic/eui/pull/3517)) +**Theme: Amsterdam** + +- Updated `EuiCallout` by removing left border, adding border radius and increasing font weight on titles ([#3557](https://github.com/elastic/eui/pull/3557/)) + ## [`24.1.0`](https://github.com/elastic/eui/tree/v24.1.0) diff --git a/src/components/flyout/_flyout_body.scss b/src/components/flyout/_flyout_body.scss index c29f37a5af2..4dfe1d3bf62 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 + border-radius: 0; // Ensures no border-radius in all themes padding-left: $euiSizeL; // Align callout's content with flyout's title padding-right: $euiSizeL; // Align callout's content with flyout's title } diff --git a/src/themes/eui-amsterdam/overrides/_call_out.scss b/src/themes/eui-amsterdam/overrides/_call_out.scss new file mode 100644 index 00000000000..c13e2c1e396 --- /dev/null +++ b/src/themes/eui-amsterdam/overrides/_call_out.scss @@ -0,0 +1,8 @@ +.euiCallOut { + border-radius: $euiBorderRadius; + border-left: none; + + .euiCallOutHeader__title { + font-weight: $euiFontWeightMedium; + } +} diff --git a/src/themes/eui-amsterdam/overrides/_index.scss b/src/themes/eui-amsterdam/overrides/_index.scss index 3b7b0823c90..5ec10c7518c 100644 --- a/src/themes/eui-amsterdam/overrides/_index.scss +++ b/src/themes/eui-amsterdam/overrides/_index.scss @@ -1,6 +1,7 @@ @import 'button'; @import 'button_empty'; @import 'button_group'; +@import 'call_out'; @import 'flyout'; @import 'header'; @import 'image';