diff --git a/CHANGELOG.md b/CHANGELOG.md index 3dc9886764c..bbb0e4145c9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,7 @@ - Added `ip` icon to glyph set ([#2371](https://github.com/elastic/eui/pull/2371)) - Set `textOnly={true}` for expanded rows in `EuiBasicTable` ([#2376](https://github.com/elastic/eui/pull/2376)) - Added `visAreaStacked`, `visBarVerticalStacked`, and `visBarHorizontalStacked` icons to glyph set ([#2379](https://github.com/elastic/eui/pull/2379)) +- Adjusted style of beta badge on `EuiKeyPadMenuItem` ([#2375](https://github.com/elastic/eui/pull/2375)) **Bug fixes** diff --git a/src-docs/src/views/key_pad_menu/key_pad_beta.js b/src-docs/src/views/key_pad_menu/key_pad_beta.js index 8754525c25b..de9bd50357d 100644 --- a/src-docs/src/views/key_pad_menu/key_pad_beta.js +++ b/src-docs/src/views/key_pad_menu/key_pad_beta.js @@ -23,9 +23,9 @@ export default () => ( + betaBadgeLabel="External" + betaBadgeTooltipContent="This module is an external app." + betaBadgeIconType="popout"> diff --git a/src/components/key_pad_menu/_key_pad_menu.scss b/src/components/key_pad_menu/_key_pad_menu.scss index 469613b2de0..2b9aff85e45 100644 --- a/src/components/key_pad_menu/_key_pad_menu.scss +++ b/src/components/key_pad_menu/_key_pad_menu.scss @@ -88,6 +88,12 @@ } } +.euiKeyPadMenuItem__betaBadge { + color: $euiTextColor; + background-color: tintOrShade($euiColorLightShade, 50%, 0%); + box-shadow: none; +} + .euiKeyPadMenuItem__icon { transition: transform $euiAnimSpeedNormal $euiAnimSlightBounce; transform: translateY(2px);