[EuiKeyPadMenu] Add max-width (elastic#4092)

* Added max-width:100% in EuiKeyPadMenu
kshitij86 · Nov 29, 2020 · 3eb090d · 3eb090d
1 parent 60d5535
commit 3eb090d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Added `max-width: 100%` to `EuiKeyPadMenu` to allow it to shrink when its container is smaller than its fixed width ([ #4092](https://github.com/elastic/eui/pull/4092))
+
 **Bug fixes**
 
 - Fixed `EuiFieldSearch` padding when `isClearable` but has no `value` ([#4089](https://github.com/elastic/eui/pull/4089))

diff --git a/src/components/key_pad_menu/_key_pad_menu.scss b/src/components/key_pad_menu/_key_pad_menu.scss
@@ -6,6 +6,7 @@
   flex-direction: row;
   flex-wrap: wrap;
   width: $euiKeyPadMenuSize * 3;
+  max-width: 100%;
 }
 
 /**